1.什么是动态组件
动态组件指的是动态切换组件的显示和隐藏
2.如何实现动态组件的渲染
vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染
compoent标签是vue内置的,作用 组件的占位符
is属性的值,表示要渲染的组件的名字
3.keep-alive的使用
因为component默认切换后会销毁原来的再次切换回来会重新创建所以我们需要用到keep-alive来声明它切换后不会被销毁
4.keep-alive对应的生命周期函数
当组件被缓存时,会自动触发组件的deactivated的生命周期函数
当组件被激活时,会自动触发组件的activated生命周期函数
5.keep-alive的include属性
include属性用来指定:只有名称匹配的组件会被缓存。多个组件之间使用英文的逗号分隔
或者可以通过 exclude属性指定那些组件不被缓存
注意:include和exclude不能同时使用
插槽 (Slot)是vue为组件的封装者提供的能力。允许开发者在封装组件时,把不确定的、希望由用户指定部分定义为插槽
v-slot简写为#
具名插槽
作用域插槽
在封装组件时,为预留的<solt>提供属性对应的值,这种用法叫做“作用域插槽”
自定义指令
vue官方提供了v-text、v-for、v-model、v-fi等常用的指令。除此之外vue还允许开发者自定义指令
自定义指令的分类
私有自定义指令
全局自定义指令
可以在directives节点下声明私有自定义指令
使用binding获取指令绑定的值
update函数只调用1次:当指令第一次绑定到元素时调用,当DOM更新时bind函数不会被触发。update函数会在每次DOM更新时被调用
函数简写
如果bind和update函数中的逻辑完全相同,则对象格式的自定义指令可以简写成函数格式
全局自定义指令
全局共享自定义指令需要通过Vue.directive()进行声明
eslint:规定代码风格的一个工具
常用规则