vue.js入门
使用vue的流程
el：挂载点（就是通过标签或者属性选择器选中vue对象操纵的作用域，在项目中最好使用id选择器）
注意：vue会管理选项命中的元素及内部的后代元素；可以使用其他的双标签，不能使用html和body
data：数据对象
总结：操作类（属性名.属性值名）操作数组（属性名【索引】）
v-text设置标签的文本值（textContent）
总结：v-text指令会替换全部内容，使用差值表达式{{}}可以替换指定内容v-html设置标签的innerHTML（内容中有html结构会被解析为标签）
v-on为元素绑定事件
计算器
注：创建VUE实例是：el（挂载点，也就是操作的数据源），data（数据），methods（方法）v-show根据表达式的真假切换元素的显示和隐藏
总结：v-show指令的作用是根据真假切换元素的显示状态原理是修改元素的display实现隐藏
指令后面的内容最终都会解析为布尔值
值为true元素显示，值为false元素隐藏
数据改变之后对应元素的显示状态会同步更新
v-if根据表达式的真假切换元素的显示和隐藏（操作dom元素）
总结：v-if指令的作用是：根据表达式的真假切换元素的显示状态本质是通过过操纵dom元素来切换显示状态
表达式的值为true元素存在于dom树中，为false从dom树中移出
频繁的切换使用v-show，反之，使用v-if，v-show的切换消耗小
v-bind设置元素的属性
总结：v-bind的指令的作用是为元素绑定属性完整写法是v-bind：属性名
简写可以直接省略v-bind，只保留 ：属性名
轮播图实例
v-for根据数据生成列表结构
总结：v-for指令的作用是根据数据生成表结构数组经常和v-for结合使用
语法是（item，index） in 数组名
item和index可以结合其他指令一起使用
数组长度的更新会同步到页面上，是响应式的
v-on传递自定义参数，事件修饰符
总结：事件绑定的方法写成函数调用的形式，可以传入自定义参数
定义方法时需要定义新参来接收传入的实参
时间的后面跟上修饰符可以对事件进行限制
.enter可以限制触发的按键为回车
事件修饰符有很多种
以上是 vue.js入门 的全部内容， 来源链接： utcz.com/z/377372.html
