下面最终的实现效果图：改造下 data 中的 navs 属性 ：其中的 active 用来标识 button，data 是新闻资讯的数据。代码中仅仅改变了 navs 数组中每个 avtive 的值，便可以切换 button 的选中状态；而 以上，介绍了方法定义、指令、class 绑定的内容，也介绍了如何动态的渲染和切换。插值技术这里仅仅用到 {{ 组件属性 }} 的方式，还有很多其他的方式；计算属性是根据组件已有的属性，计算出来的“属性”，也不是高深的内容；事件处理仅介绍简单的函数执行，还有事件修饰符；这些内容请参阅 vue 官方教程学习。关于条件渲染和列表渲染通过两篇文章的学习，应该掌握基本的用法。v-show 和 v-if 的区别也要注意 ；列表渲染也有注意地方，还有列表过滤；这些内容请参阅 vue 官方教程学习。
暂无评论