vue2 - 自定义插件 使用插件，scoped

1.自定义插件 myPlugin.js

export default {
  install(Vue) {
    console.log("Vue.use() 会调用此方法",Vue)
  }
}

 

2.使用插件

import Vue from 'vue'
import App from './App.vue'
//导入插件
import myPlugin from "../myPlugin";
//使用插件
Vue.use(myPlugin);

Vue.config.productionTip = true
new Vue({
  render: h => h(App),
}).$mount('#app')

 

3.scoped

<style scoped>

</style>

在style上添加scoped，多个组件中的重名样式互不影响