问答博客标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
php
java
vue.js
git
html5
python
node.js
android
mysql
react.js
linux
ios
css
golang
spring
docker
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

Vue2 组件间的传值问题请教

头像
上大人
    32553448

    项目地址: 链接描述
    目前有3个组件 headers、Footers、UserList
    其中headers中{{title}}为显示页面标题
    我想通过访问其它组件改变headers的title数据,请问有哪些方法,能举下例么.
    感觉router、vuex和vue本身都能实现,但就是不知道怎么做.
    另外麻烦看下app.vue和router/index.js,里面的headers、Footers、UserList,它们是什么关系?UserList是否属于他们的子组件?

    vue.jsjavascript
    阅读 2.6k
    3 个回答
    得票最新
    头像
    暗暗啊
      2.2k1413

      用vuex的实现为：

      将header的title抽取为state的一个属性，定义一个getter来获取该title，定义一个mutation，在你访问其他组件的时候，commit这个mutation, 同时该mutation的payload为title的具体值

      头像
      死胖子
        691128

        如果觉得vuex搞不明白，那就把刷新数据的方法抽离放到父组件上，要么自己搞一个全局的刷新器

        头像
        曾田生z
          4273312
          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题
          宣传栏