设为首页 加入收藏

TOP

vue开发插件
2019-09-23 11:17:44 】 浏览:35
Tags:vue 开发 插件

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页面可以使用

】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇不用JS,教你只用纯HTML做出几个.. 下一篇JavaScript高级笔记

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目