美文网首页
vue学习(35)插件、scoped

vue学习(35)插件、scoped

作者: 哆啦C梦的百宝箱 | 来源:发表于2022-03-26 19:41 被阅读0次
知识点:

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的属性,通过属性选择器添加样式。

相关文章

网友评论

      本文标题:vue学习(35)插件、scoped

      本文链接:https://www.haomeiwen.com/subject/iepfjrtx.html