vue plugin的简单使用

超、凢脫俗 2022-12-22 04:59 128阅读 0赞

1.  `Vue.mixin` 在全局Vue中混入一些操作，这些操作会在所有Vue实例中触发
    
        // main.js
        Vue.mixin({ 
        	// 这里可以使用一些钩子函数
        	created(){ 
        		console.warn('mixin')
        	}
        })
2.  `Vue.use` 用于在全局Vue中安装依赖
    
        // main.js
        import Vue from 'vue'
        
        const myPlugin{ 
        	install(Vue){ 
        		// do something
        		// Vue.use(_plugin) 其实就是会调用_plugin的install方法
        	}
        }
        Vue.use(myPlugin)
3.  1.2.混合起来可以这么注册一个插件
    
        const myPlugin = { 
        	install(Vue){ 
        		Vue.mixin({ 
        			created(){ 
        				// this.$options 可以获取到一些自定义的vue属性
        				if(this.$options.rules){ 
        					console.log(this.$options.rules.message);
        				}
        			}
        		})
        	}
        }
        Vue.use(myPlugin);
        
        // 那么当一些组件中有设置rules时就会触发插件的操作
        new Vue({ 
        	data(){ 
        		return { 
        			
        		}
        	},
        	methods: { 
        		
        	},
        	rules: { 
        		message: 'hello world'
        	}
        })

发表评论取消回复

表情：

评论列表（有 0 条评论，128人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue-插件(plugin)

插件(plugin) 插件是vue中特别强大并且特别简单的一个东西，它可以帮助我们增强vue 插件本质来说就是一个对象，但是这个对象必须包含install(安装)方法，

「爱情、让人受尽委屈。」/ 2023年10月12日 16:33/ 0 赞/ 41 阅读

相关 vue plugin的简单使用

1. `Vue.mixin` 在全局Vue中混入一些操作，这些操作会在所有Vue实例中触发 // main.js Vue.mixin

超、凢脫俗/ 2022年12月22日 04:59/ 0 赞/ 129 阅读

相关 vue的简单使用1

vue的简单使用1 最近在看vue，所以就把自己写的笔记上传一下。 Vue中的属性 1. el 需要控制的区域，如果是id就要加\，class就加. 2. d

本是古典何须时尚/ 2022年04月25日 02:34/ 0 赞/ 200 阅读

相关 maven-compiler-plugin简单使用

maven.plugins简单使用 maven-compiler-plugin maven-compiler-plugin [...] <p

雨点打透心脏的1/2处/ 2022年04月24日 09:14/ 0 赞/ 214 阅读

相关 parcel vue 简单使用

1.安装依赖 yarn global add parcel-bundler yarn add babel-preset-env --dev yarn

àì夳堔傛蜴生んèń/ 2022年03月30日 17:57/ 0 赞/ 213 阅读

相关 Vue -- 简单使用

推荐一个网站，该网站详细的介绍了vue的所有内容：[http://doc.liangxinghua.com/vue-family/1.3.html\][http_doc.lia

偏执的太偏执、/ 2022年03月26日 07:27/ 0 赞/ 266 阅读

相关 Vue（一）简单使用

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>

傷城~/ 2022年03月19日 15:58/ 0 赞/ 163 阅读

相关 vue的简单使用2

通过Vue使用样式在Vue中使用class样式（给元素添加class，下面我会全部写成绑定class） vue: let vue1 = new Vue(

缺乏、安全感/ 2022年02月05日 08:23/ 0 赞/ 193 阅读

相关 vue的简单使用5-过滤器的使用

vue中过滤器可以格式化常见的文本，vue中的过滤器只能在插值表达式’\{ \{\}\}‘和v-bind中使用 Vue中的全局过滤器的使用定义一个Vue全局过滤

桃扇骨/ 2022年02月03日 22:57/ 0 赞/ 445 阅读

相关 vue-lazyload简单使用

vue-lazyload简单使用 npm地址：[https://www.npmjs.com/package/vue-lazyload][https_www.npmjs.com

谁借莪１个温暖的怀抱￠/ 2021年12月03日 07:59/ 0 赞/ 289 阅读