比如根据路由绑定样式
<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对象中
原文：https://www.cnblogs.com/z-qinfeng/p/12466403.html