1 新建plugin.js,文件内容如下
import name1 from './name1.vue'
let myplugin={} myplugin.install = function (vue, options) { // 1. 添加全局方法或属性 vue.myglobalmethod = function () { // 逻辑... } // 2. 添加全局资源 vue.directive('my-directive', { bind (el, binding, vnode, oldvnode) { // 逻辑... } ... }) // 3. 注入组件选项 vue.mixin({ created: function () { // 逻辑... } ... }) // 4. 添加实例方法 vue.prototype.$mymethod = function (methodoptions) { // 逻辑... }
vue.component(name1.name,name1)//name1.name是组件name1的name属性(这个是注册全局组件,以后不需要引入,直接就可以用) } export default myplugin;
2 在main.js中引入
import myplugin from './plugin/plugin.js' vue.use(myplugin)
至此,方式属性已经全局引入,在vue页面可以使用
如对本文有疑问, 点击进行留言回复!!
同事牛逼啊,写了个隐藏 bug,我排查了 3 天才解决问题!
【JavaScript笔记(一)】万丈高楼平地起 - 基本概念篇
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
网友评论