(1)el挂载点: 1.Vue实例的作用范围是什么呢? Vue会管理el选项命中的元素及其内部的后代元素 2.是否可以使用其他的选择器? 可以使用其他的选择器,但是建议使用ID选择器 3.是否可以设置其他的dom元素? 可以使用其他的双标签,不能使用HTML和BODY (2)v-text 1.作用:设置标签的内容 2.默认写法会替换全部内容,使用差值表达式{{}}可以替换指定内容 (3)v-show 1.作用:根据真假切换元素的显示状态 2.原理是修改元素的display,实现显示隐藏 3.指令后面的内容,最终都会解析为布尔值 4.值为true元素显示,值为false元素隐藏 5.数据改变之后,对应元素的显示状态会同步更新 (4)v-if 1.作用:根据表达式的真假切换元素的显示状态 2.本质:通过操作dom元素来切换显示状态 3.值为true元素元素存在dom树中,值为false,从dom树中移除 4.频繁的切换v-show,反之使用v-if,前者的切换消耗小 (5)v-bind 1.指令:为元素绑定属性 2.写法:v-bind:属性名 3.简写的话可以直接省略v-bind,只保留:属性名 4.**需要动态的增删class建议使用对象的方式 (6)v-for: 1.作用:根据数据生成列表结构 2.数组经常和for结合使用 3.语法是(item,index) in 数据 4.item和index可以结合其他指令一起使用 5.数组的更新会同步到页面上,是响应式的。 (7)v-model 1.双向绑定 v-model //语法糖:也译为糖衣语法,主要是方便程序员使用,通常来说使用语法糖能够增加程序的可读性,从而减少程序代码出错的机会。
vue学习笔记「持续更新」
最新推荐文章于 2024-09-30 14:28:41 发布