Vue指令之条件渲染
v-show 和 v-if 指令都可以用于条件渲染。v-show 当表达式为false时仅仅是被赋予 style="display:none" 属性；v-if 则是直接将标签替换为 html中的注释 <!---->
辰风沐阳 阅读 1658 2020-07-19
v-model 创建双向绑定
v-model 用于 在表单 <input>、<textarea> 及<select>元素控件或者组件上创建双向绑定，它负责监听用户的输入事件以更新数据
辰风沐阳 阅读 1693 2020-06-30
Vue 指令之v-on的使用
v-on 指令用于监听 DOM 事件。v-on:click 可简写为 @click。修饰符：.stop 禁止冒泡、.once 只能触发一次。v-on绑定的事件方法中的this 自动绑定为当前 Vue实例
辰风沐阳 阅读 1688 2020-06-29
v-bind 绑定 class、style 属性【初识】
将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。:class 对象语法的含义是 :class 后面跟的是一个对象，语法格式: {类名: 布尔值, 类名: 布尔值}，这种方式用的比较多，数组语法则用的相对较少。过于复杂时可以将对象放在 computed、methods 中
辰风沐阳 阅读 1734 2020-06-23
Vue 指令之v-bind指令绑定属性
指令 (Directives) 是带有 v- 前缀的特殊属性，Mustache语法不能作用在HTML属性上，遇到这种情况应该使用v-bind指令。v-bind 指令可简写为英文冒号（:）
辰风沐阳 阅读 1653 2020-06-23
Vue 指令之插值 v-text、v-html、v-once
Vue 指令之插值Vue 指令之插值，也可以使用 v-text、v-html指令进行插值。因为vue是双向绑定，数据一旦发生改变，插值处的内容将自动改变；使用 `v-once` 指令使其一次性插值，则数据改变不会影响插值处的内容
辰风沐阳 阅读 1880 2020-06-23
Vue 实例、el、data
Vue实例也代理了data对象上所有的属性，所以访问vm.name等价于访问vm.$data.name，Vue实例挂载的模板可以通过vue实例的$el属性访问。el属性用于选择一个dom元素作为Vue实例（对象）的挂载目标
辰风沐阳 阅读 1705 2020-06-22