浅谈Vue.use的使用-创新互联

vue.use(plugin, arguments) 语法

创新互联建站主营城东网站建设的网络公司,主营网站建设方案,重庆APP软件开发,城东h5成都小程序开发搭建,城东网站营销推广欢迎城东等地区企业咨询

参数:plugin(Function | Object)

用法:


如果vue安装的组件类型必须为Function或者是Object

如果是个对象,必须提供install方法

如果是一个函数,会被直接当作install函数执行

install函数接受参数,默认第一个参数为Vue,其后参数为注册组件时传入的arguments

先举个?


我们先来看一个简单的事例


首先我使用官方脚手架新建一个项目vue init webpack vue-demo


然后我创建两个文件index.js plugins.js.


我将这两个文件放置在src/classes/vue-use目录下

接下来对这两个文件进行编写

// 文件: src/classes/vue-use/plugins.js

const Plugin1 = {
  install(a, b, c) {
    console.log('Plugin1 第一个参数:', a);
    console.log('Plugin1 第二个参数:', b);
    console.log('Plugin1 第三个参数:', c);
  },
};

function Plugin2(a, b, c) {
  console.log('Plugin2 第一个参数:', a);
  console.log('Plugin2 第二个参数:', b);
  console.log('Plugin2 第三个参数:', c);
}

export { Plugin1, Plugin2 };


网站名称:浅谈Vue.use的使用-创新互联
浏览地址:http://scyanting.com/article/copjpg.html