知识点:
1:功能:用于增强vue
2:本质:包含install方法的一个对象,install的第一个参数是vue,第二个以后的参数是插件使用者传递的数据。
3:定义插件
export default {
install(Vue,options){
//全局指令
Vue.directive(.....)
// 混入
Vue.mixin(....)
//添加实例方法
Vue.prototype.$myMethods=function(){.....}
// 过滤器(vue3没有了)
Vue.filter(....)
}
}
4:使用插件
在main.ts中引入
....
import plugins from './plugins';
Vue.use(plugins)
...
5:组件的style标签通过加scoped属性来实现,每个组件的样式隔离,防止出现冲突。实现原理是通过给标签添加一个data-v-xxx的属性,通过属性选择器添加样式。
网友评论