Vue技术
😀Vue技术总结
首先: 一对多和多对一都不可以 容器和实例之间只能是一一对应
插值语法: {{ xxx }} xxx → 只能是 js 表达式(表达式是一组代码的集合，它
返回一个值。) 注意!!! 区分 js表达式与js语句
指令语法:
单向数据绑定 → v-bind: 简写为 ==> :
双向数据绑定 → v-model:value 简写为 ==> v-model
注意!!! v-model只能应用于表单类元素(可输入,具有value值)
插值语法用于解析标签体内容,指令语法解析标签(包括:标签属性,标签体,绑定事件...)
v-on:click="事件名" 简写 ==> @click
@click="demo" 和 @click="demo($event)" 效果一致,但后者可以传参
Vue中的事件修饰符：
-
prevent：阻止默认事件（常用）；
-
stop：阻止事件冒泡（常用）；
-
once：事件只触发一次（常用）；
-
capture：使用事件的捕获模式；
-
self：只有event.target是当前操作的元素时才触发事件；
-
passive：事件的默认行为立即执行，无需等待事件回调执行完毕；