当前位置: 首页 > Web前端 > vue.js

vue.use()使用和插件功能

时间:2023-04-01 01:15:35 vue.js

Vue.use()Vue.use有什么用?用于安装vue插件,其实就是调用插件中的install方法。那你肯定会问:“外挂有什么用?”(看下面的插件)为什么必须先调用Vue.use()再调用newVue()?主要是因为在安装组件的时候,组件给Vue添加了全局函数,所以必须写在newVue()之前,否则创建的Vue实例无法获取到插件添加的Vue全局函数。如何定义一个Vue插件?1.插件是一个对象,必须包含install函数2.插件是一个函数,会作为install方法使用。install函数接受2个参数:第一个是Vue构造函数,第二个是选项对象。作用是什么?在Vue中添加全局函数(相当于为某个函数做准备)一般有以下几种用法:1.添加全局方法或属性。(不能和Vue原有的全局方法和属性同名)Vue.myGlobalMethod=function(){//logic...}Vue.age=18;2.添加全局资源:directives/filters/transitions等Vue.directive('my-directive',{bind(el,binding,vnode,oldVnode){//logic...}});3.通过全局mixins添加一些组件选项。Vue.mixin({created:function(){//logic...}})4.通过将Vue实例方法添加到`Vue.prototype`来添加它们。Vue.prototype.$myMethod=function(methodOptions){//logic...}5.一个库,它提供自己的API,并提供一个或多个上述功能。