Vue cli中的mixin混入、插件、scoped样式

目录

mixin 混入

插件

创建插件

使用插件

总结

scoped样式 

---

mixin 混入

插件

创建插件

在src下创建一个plugin.js，并定义一个插件

const obj = {
  install() {
    console.log("@install");
  },
};
export default obj

只有一个对象，可以用默认暴露，可简写为

export default {
  install() {
    console.log("@install");
  },
};

插件中可以做很多事 

使用插件

在main.js中引入插件

// 引入plugin插件
import plugins from "./pluhins";

// 应用（使用）插件，要在new Vue之前
Vue.use(plugins);

// 创建vue实例对象---vm
new Vue({
  el: "#app",
  render: (h) => h(App)
});

在子组件中使用插件中的方法、指令、混入等等。

总结

scoped样式 

作用：让样式在局部生效，防止冲突。

写法：<style scoped></style>