vue使用$root设置全局属性

作者: w如弈如意c | 来源:发表于2018-08-29 14:16 被阅读0次

设置vue全局属性
vue使用$root设置全局属性
品牌管理改造
vue js 设置手机号中间四位显示*，全局js
vue使用sass
axios 配置
webpack 、vue3配置全局变量
vue3使用this
vue-resource 配置
SpringBoot配置文件属性值注入

vue状态管理使用vuex，如果项目不大，逻辑不多，那么我们没必要用vuex给项目增加难度，只需要用$root设置根 Vue 实例的data就行了，如下：

main.js

let app = new Vue({
    el: '#app',
    // 全局数据，在其他页面或者组建可改变
    data: function () {
    return {
        s: ''
    }
    }, 
    router,
    store,
    template: '<router-view></router-view>'
})

a.vue

this.$root.s = '设置了s属性'

b.vue

console.log(this.$root.s)  // 设置了s属性

注：vm. $root: 当前组件树的根 Vue 实例。如果当前实例没有父实例，此实例将会是其自己。详见：https://cn.vuejs.org/v2/api/#vm-root。----子实例可以用 this.$ parent 访问父实例，子实例被推入父实例的 $children 数组中，但是，请节制地使用$ parent 和 $children - 它们的主要目的是作为访问组件的应急方法。更推荐用 props 和 events 实现父子组件通信

网友评论

前端大杂烩

本文标题：vue使用$root设置全局属性

本文链接：https://www.haomeiwen.com/subject/jmnhwftx.html

延伸阅读

深度阅读

您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

vue使用$root设置全局属性

main.js

a.vue

b.vue

相关文章

设置vue全局属性

vue使用$root设置全局属性

品牌管理改造

vue js 设置手机号中间四位显示*，全局js

vue使用sass

axios 配置

webpack 、vue3配置全局变量

vue3使用this

vue-resource 配置

SpringBoot配置文件属性值注入

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

前端大杂烩

vue使用$root设置全局属性

main.js

a.vue

b.vue

注：vm.parent 访问父实例，子实例被推入父实例的 parent 和 $children - 它们的主要目的是作为访问组件的应急方法。更推荐用 props 和 events 实现父子组件通信

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读