zoukankan      html  css  js  c++  java
  • vue 中使用插件

    插件

    是自包含的代码,通常向 Vue 添加全局级功能。它可以是公开 install() 方法的 object,也可以是 function
    功能:用于增强Vue
    本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数
    定义一个插件文件一般命名为plugins.js

    export default {
      install(Vue,x,y,z){
    	//全局过滤器
    	Vue.filter('mySlice',function(value){
    	  return value.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({
    		 data() {
    		   return {
    			 x:100,
    			 y:200
    			 }
    		 },
    	 })
    
      //给Vue原型上添加一个方法(vm和vc就都能用了)
    	 Vue.prototype.hello = ()=>{alert('你好啊')}
    	}
    }
    

    使用插件,在main.js 中

    //引入插件
    import plugins from './plugins'
    //应用(使用)插件
    Vue.use(plugins,1,2,3)
    

    这样全局都可以使用插件中的配置了

  • 相关阅读:
    xtrabackup详细用法
    CentOS国内YUM源及配置
    CentOS7系统配置国内yum源和epel源
    Zabbix的定期备份
    Zabbix的邮件告警
    石头剪刀布---组合数取模,数论
    组合数取模介绍----Lucas定理介绍
    乘法逆元
    费马小定理
    欧几里德与扩展欧几里德算法----数论
  • 原文地址:https://www.cnblogs.com/qingheshiguang/p/15043186.html
Copyright © 2011-2022 走看看