Vue开发者必会的基础知识盘点
下面是Vue的一些基本知识点相关学习跟应用,差缺补漏吧。Vue.js官网好好看一遍还是很香的。 Vue中的数据和DOM已经被关联起来,所有的东西都是响应式的。注意我们不再和HTML直接交互。一个Vue应用会将其挂载到DOM元素上然后对齐进行完全的控制,那个HTML是我们的入口,但是其他的都会发生在新创建的Vue实例内部。详情可见 MVVM原理极其实现 。 Vue实例 1、实例声明周期钩子函数 8个声明周期函数 模板语法 1、插值 ①、 v-once 指令 ,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新。 ②、可以使用js表达式但是不能使用语句和流控制(if判断语句) 1 {{ ok ? 'YES' : 'NO' }} 2 {{ message.split('').reverse().join('') }} 3 4 <!-- 这是语句,不是表达式 --> 5 {{ var a = 1 }} 6 <!-- 流控制也不会生效,请使用三元表达式 --> 7 {{ if (ok) { return message } }} 2、指令 ①、动态参数 -2.60新增 可以使用动态参数为一个动态的事件名绑定处理函数: 约束:为某些字符,如空格和引号,放在 HTML attribute 名里是无效的。会触发警告。 1 < a v-on:[eventName] =