vue install （外挂 vue全局管理）

最新推荐文章于 2024-07-02 19:43:10 发布

昌周

最新推荐文章于 2024-07-02 19:43:10 发布

阅读量2.9k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_45623378/article/details/127065083

版权

1 创建plugins.js文件里面写入

   export default {
           install(vue){

          }
    }

里面是vue的实例，如果想实现全局的自定义指令

  
 export default {
           //全局指令
           install(vue){
                vue.directive('指令名称',function('操作的id，dom'){})
           // 全局混合
           vue.mixin({
              data(){
               return {
                 x： 100,
                 y: 120 
                  }
               }
            })
          }
         
         Vue.prototype.hollo = () => { alert('你好')}
    }

在main.js 里面导入第一步写入的文件

import pluginsfrom ' .pluginsfrom .js '

vue.use(pluginsfrom )