plugins(自定义插件)
首先在src目录下创建一个plugins.js中写入(如下:)
plugins.js:
exportconstlqj={ install(Vue){ console.log('lqj666') alert('111111111') } }
结果:一件页面就会弹出111111111,以及控制台中打印lqj666
·下面是给vue原型添加一个方法(此方法vm,vc都可用!)
·Vue.prototype.hello = () =>{alert('nihao')}
举例:
plugins.js:
exportconstlqj={ install(Vue){ Vue.prototype.hello= () =>{alert('nihao')} } }
下面同样是在main.js中使用自定义的插件
main.js:
import {lqj} from'./plugins'Vue.use(lqj) // 创建vmnewVue({ render: h=>h(App), }).$mount('#app')
既然是给vue原型添加的方法,所以我们可以在任何一个组件中使用,(SchoolLqj.vue为例):
SchoolLqj.vue
template:
<template><div><button@click="dianji">点击我显示nihao</button></div></template>
script:
<script>exportdefault { methods:{ dianji(){ this.hello() } } } </script>
结果:点击button按钮后弹出nihao