您的位置:首页 > 其它

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

2017-11-01 15:04 281 查看
注意 ,这个 在 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的官网   

好,点不点赞看你了,或者 可以加入 我的 群153181864  前端交流群 ,绝对原创,转载请附上
本微博链接。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: