您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

vue.use怎么用

2025/6/3 9:47:37发布16次查看
vue.use的使用方法:首先打开相应的代码文件;然后通过全局方法“vue.use()”使用插件,其语法如“vue.use(plugin, arguments)”。
本教程操作环境:windows7系统、vue2.0版,dell g3电脑。
推荐:《vue教程》
官方api介绍:
vue.use(plugin)
官网给出的解释是: 通过全局方法 vue.use() 使用插件。
vue.use(plugin, arguments)
参数
{object | function} plugin
用法
安装vue.js 插件。如果插件(plugin)是一个对象,必须提供install方法。如果插件是一个函数,它会作为install方法。install方法调用时,会将vue作为参数传入。
该方法需要在调用new vue()之前被调用。
当install方法被同一个插件多次调用,插件将只会被安装一次。
element-ui例子
根据elementui文档,在vue cli搭建的项目中这样使用elementui
/*mian.js*/import vue from 'vue';import elementui from 'element-ui'; // 1import 'element-ui/lib/theme-chalk/index.css';import app from './app.vue';vue.use(elementui); // 2new vue({el: '#app',render: h => h(app)});
以上代码便完成了element的引入,需要注意的是,样式文件需要单独引入。
后面就可以在vue的单文件组件中直接使用<el-xxx></el-xxx>来使用element元素。
所以这到底发生了什么?
1、第一处注释导入elementui
import elementui from 'element-ui'// todo 理解如何导入模块以下是src/index.js的内容。可以看到,index.js导出了一个对象,在上面的import语句中,这个对象被赋予elementui的变量名。请注意到这里的install函数。/*index.js*/export default { version: '2.11.1', locale: locale.use, i18n: locale.i18n, install, ...};
2、第二处注释安装elementui
vue.use(elementui);
我们观察到这里使用了vue.use方法并将elementui这个对象传入。从vue.use文档中可以得知,这会调用elementui对象的install方法,并将vue传入。
// install函数const install = function(vue, opts = {}) { locale.use(opts.locale); locale.i18n(opts.i18n);// 安装组件:通过vue.component声明全局组件,所以我们能够直接使用而不需要声明 components.foreach(component => { vue.component(component.name, component); }); vue.use(infinitescroll); vue.use(loading.directive);// 在vue的原型链上做一些小动作所以所有的vue实例都可以访问到这些生命的变量// 变量名使用$开头表明这是公共api属性或者方法,这是一种约定。 vue.prototype.$element = { size: opts.size || '', zindex: opts.zindex || 2000 };// ok,这里我们看到了许多用于提示的组件都设定在vue原型链上,所以我们可以在vue实例内部直接使用this.$alert vue.prototype.$loading = loading.service; vue.prototype.$msgbox = messagebox; vue.prototype.$alert = messagebox.alert; vue.prototype.$confirm = messagebox.confirm; vue.prototype.$prompt = messagebox.prompt; vue.prototype.$notify = notification; vue.prototype.$message = message;};
以上就是vue.use怎么用的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product