摘要：
阅读全文
摘要：
自定义指令 1、定义语法： (1).局部指令： new Vue({ new Vue({ directives:{指令名:配置对象} 或 directives{指令名:回调函数} }) }) <html> <head> <meta charset="UTF-8" /> <title>自定义指令</ti 阅读全文
摘要：
v-text,html,cloak,once,pre v-text指令： 1.作用：向其所在的节点中渲染文本内容。 2.与插值语法的区别：v-text会替换掉节点中的内容，{{xx}}则不会。 v-html指令： 1.作用：向指定节点中渲染包含html结构的内容。 2.与插值语法的区别： (1).v 阅读全文
摘要：
v-for 1.用于展示列表数据 2.语法：v-for="(item, index) in xxx" :key="yyy" 3.可遍历：数组、对象、字符串（用的很少）、指定次数（用的很少） 4.v-if比v-for的优先级更高 key的原理 1. 虚拟DOM中key的作用： key是虚拟DOM对象的 阅读全文
摘要：
事件绑定 含义 : 事件绑定 , xxx是事件名 简写 : [ @:xxx=' ' ] 注意 : 1.事件的回调需要配置在methods对象中，最终会在vm上； 2.methods中配置的函数，不要用箭头函数！否则this就不是vm了； 3.methods中配置的函数，都是被Vue所管理的函数，th 阅读全文
摘要：
v-if , v-show v-if 写法： (1).v-if="表达式" (2).v-else-if="表达式" (3).v-else="表达式" 特点：不展示的DOM元素直接被移除。 注意：v-if可以和:v-else-if、v-else一起使用，但要求结构不能被“打断”。v-if可以与temp 阅读全文
摘要：
v-bind 含义 : 单向绑定 , 数据只能从data流向页面 简写 : [ :value=' ' ] v-model 含义 : 双向绑定 , 数据不仅能从data流向页面，还可以从页面流向data 备注： 1.双向绑定一般都应用在表单类元素上（如：input、select等） 2.v-model 阅读全文
摘要：
插值语法 功能：用于解析标签体内容。 写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性。一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新； 注意区分：js表达式 和 js代码(语句) 1.表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方： 阅读全文