实现全局属性设置的三种方式
实现全局设置变量的三种方式
1、通过prototype
Vue.prototype.name = 'admin' 全局设置
组件里面直接取数 this.name
2、在mainjs里面设置全局变量(跟组件中)
new Vue({
....
data(){
return {name:'admin'}
}
....
})
组件取值 : $root.name
3、vuex
Vue.prototype.XXX 上的数据是静态的,只能通过手动修改,修改后数据变了,但使用这些数据的组件并不会重新渲染,也必须得手动渲染。
Vue.prototype.XXX 相当于是在 Vue 对象上增加全局属性,容易造成变量污染。
Vuex 只要 store 中的数据更新,就会立即渲染所有使用 store 数据的组件。
Vuex 使用单向数据流,要想修改 store 数据需要经过 action 层,mutation 层,层次划分明确,便于管理
本文来自博客园,作者:青石小巷,转载请注明原文链接:https://www.cnblogs.com/lgnblog/p/13153719.html
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步