随笔分类 - Vue
摘要：@ Vue2中使用 2.2.0+ 新增 一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件，但是像单选框、复选框等类型的输入控件可能会将 value attribute 用于不同的目的。model 选项可以用来避免这样的冲突： Vue.componen
阅读全文
摘要：操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表
阅读全文
摘要：计算属性和侦听器 侦听器 Vue 通过 watch 选项提供了一个通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是非常有用的。 <div id="watch-example"> <p> Ask a yes/no question: <input v-model=
阅读全文
摘要：文本 数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值： <span>Message: {{ msg }}</span> Mustache 标签将会被替代为对应数据对象上 msg property 的值。无论何时，绑定的数据对象上 msg property 发生了改变，
阅读全文
摘要：v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 <h1 v-if="awesome">Vue is awesome!</h1> 因为 v-if 是一个指令，所以必须将它添加到一个元素上。但是如果想切换多个元素呢？此时可以把一个 <te
阅读全文
摘要：一. 通过命令配置 命令 npm config set registry https://registry.npm.taobao.org 验证命令 npm config get registry 如果返回 https://registry.npm.taobao.org，说明镜像配置成功。 二、通过使
阅读全文
