转载 

nuxt 自定义全局方法、全局属性、全局变量解决方案

分类:前端    638人阅读    IT小君  2021-11-04 22:09

注意 ,这个 在 asyncData 还是不能用的 ,在mounted等其他生命周期里面可以,

asyncData 里因为获取不到this他在组件初始化前执行的,如果找到方法我会继续更新到下一篇博客

好现在说步骤,在plugins 文件夹里新增一个 commom.js名字你自己取

commom.js 测试代码

import Vue from 'vue'
var comsys= {
    install(Vue){
        Vue.prototype.comsys = {
        	val:function(val){
        		return val
        	}
        };
        
    }
}
Vue.use(comsys);

nuxt.config.js里  添加

plugins: [
	    { src: '~/plugins/commom.js', ssr: false }
	],

引用的页面添加

mounted () {
			 alert(this.comsys.val(1));
		}

恩  这样就行了  

这个是实例方法  其他的属性  对象  可以参考 vue的官网   

点击广告,支持我们为你提供更好的服务

html5图标下拉搜索框自动匹配代码

html5 canvas彩色碎片组合球形旋转动画特效

小众时尚单品在线电子商务网站模板

现代时尚家具公司网站模板

响应式咖啡饮品宣传网站模板

css+js实现的颜色渐变数字时钟动画特效

HTML5现代家居装潢公司网站模板

html5 canvas进度条圆环图表统计动画特效

中小型创意设计服务公司网站模板

css鼠标跟随文字模糊特效

js+css3抽奖转盘旋转点餐代码

canvas炫酷鼠标移动文字粒子特效

网页设计开发公司网站模板

HTML5 Canvas竖直流动线条背景动画特效

html5 svg夜空中星星流星动画场景特效

响应式时尚单品在线商城网站模板

jQuery右端悬浮带返回顶部特效

HTML5数字产品服务公司网站模板

有机水果蔬菜HTML5网站模板

响应式太阳能能源公司网站模板

点击广告,支持我们为你提供更好的服务
 工具推荐 更多»
点击广告,支持我们为你提供更好的服务