vue中使用插件的步骤,很全的vue插件汇总,赶紧收藏下
本文主要介绍如何分享Vue插件的细节，展示使用插件前的定义。下面这篇文章介绍了js插件的定义，有一定的参考价值，有需要的朋友可以参考一下。
目录
一、应用场景二。用法1。使用自定义插件2。使用第三方插件[elementUI]
一.应用场景
为vue添加全局功能，比如添加全局方法和属性、混合全局组件、添加全局资源(指令、过滤器、过渡等。)，以及添加第三方类库(element-ui等)。)
二.使用方法
1.使用自定义插件
1.创建js文件
导出默认值{
安装(Vue) {
//自定义全局过滤器(截断前四位数字A)
Vue.filter(mySlice ，function(){
返回值. slice(0，4)
})
//自定义全局指令(绑定时获得焦点)
Vue.directive(fbind ，{
bind(element，binding){ element . value=binding . value }
inserted(element，binding) {element.focus()}
update(element，binding){ element . value=binding . value }
})
//定义混合
Vue.mixin({
x: 123，
y: 456
})
//向Vue原型添加一个方法
vue . prototype . hello=()={ alert( hello )}
}
}
2.在 main.js 中引入自定义的js文件
从“vue”导入Vue
从导入应用程序。/App.vue
Vue.config.productionTip=false
//介绍js插件-。
从导入myplugin。/plugins/myplugin
Vue.use(myplugin)
//-
新Vue({
render: h=h(App)，
}).$ mount(“# app”)
2.使用第三方插件【elementUI】
1.安装node.js和vue-cli脚手架。
2.输入命令npm i element-ui -S
3.将elementUI插件引入main.js
从“vue”导入Vue
从导入应用程序。/App.vue
Vue.config.productionTip=false
//介绍elementUI插件-。
从“element-ui”导入Elementui
导入“element-ui/lib/theme-chalk/index . CSS”；
Vue.use(Elementui)
//-
新Vue({
render: h=h(App)，
}).$ mount(“# app”)
当然，我们也可以下载HbuilderX，直接启动一个elementUI项目(王柴)
关于分享Vue插件使用细节的这篇文章到此为止。关于Vue插件使用的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。