条件渲染:
1、 v-if
2、 template v-if
如果在一个判断中要对多个元素进行渲染,则需要配合template标签;
3、 v-else
4、 v-else-if
多次进行链式的使用
5、 key管理可复用的元素:
Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染
在这里用key进行元素的唯一标识赋值,降低元素的复用性;
6、 v-if与v-show
v-if 是“真正的”条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建
v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销
7、 v-if与v-for一起使用
当 v-if 与 v-for 一起使用时,v-for 具有比 v-if 更高的优先级;如果想让v-if优先级更高,则需要在外套一层标签;进行v-if的渲染
三种对于数据变化监听机制:
1、 computed:一个属性依赖于多个属性时,推荐使用
2、 watch():多个属性依赖一个属性是,推荐使用
3、 Set、get:set对一个属性设置值时,会自动的调用相应的回掉函数,get的回调函数会根据,函数内部依赖的属性的改变而自动改变
指令与组件的区别:
组件一般是指一个独立实体,组件之间的关系通常都是树状。
指令是一种Decorator模式,用以改写某个组件的默认行为,或者增强使其获得额外功能,一般来说可以在同一个组件上叠加若干个指令,使其获得多种功能。
常量与变量
常量
含义:在程序运行过程中,不能再次被改变的值。
存储:常量缓冲区
变量
含义:在程序运行过程中,可以被改变的值。
存储:栈内存
注意:变量在创建(声明)的时候,必须指定数据类型。
注释
单行注释 //
多行注释 /* /
文档注释 /* */