vue学习笔记「持续更新」

(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


//语法糖：也译为糖衣语法，主要是方便程序员使用，通常来说使用语法糖能够增加程序的可读性，从而减少程序代码出错的机会。