《Vue.js实战》记录
代码例子参考: https://gitee.com/feistel/Blog/tree/master/%E5%89%8D%E7%AB%AF/forTest/src webpack工程例子参考: https://gitee.com/feistel/Blog/tree/master/%E5%89%8D%E7%AB%AF/demo 初识Vue.js 它提供了现代Web开发中的常见高级功能: 解耦视图与数据 可复用的组件 前端路由 状态管理 虚拟DOM 指令 v-html 插入Html v-pre 被修饰的元素其内部的字符不会被编译转换 v-bind > : 动态更新HTML元素或组件元素的属性,如id,class,href,src等 v-bind绑定class的方式: 对象语法 <div :class="{'active': isActive}"></div> 当isActive为true时,渲染为 <div class="active"></div> 数组语法 <div> :class="[activeCls, errorCls]"</div> date: { activeCls: 'active', errorCls: 'error' } 渲染后为 <div class="active error"></div> 内联样式style与class用法一样。 v-on > @