vue使用对象语法强制绑定样式

比如根据路由绑定样式 

    <a href="javascript:;" class="guide_item" :class="{on:'/search' === $route.path}">
      <span class="item_icon"><i class="iconfont icon-search"></i></span>
      <span>搜索</span>
    </a>

 

重点看下面这句

:class="{on:'/search' === $route.path}"

:class 在vue里面就是强制绑定class样式 

{on:'/search' === $route.path}， 这是对象语法

意思就是： '/search' === $route.path  为true, 绑定 class="on"这个样式。

 

注意： 当前路由保存在$route对象中