HTML面试题

122 阅读1分钟

Vuex

  • state用来数据共享,数据存储
  • mutation 用来注册改变数据状态
  • getters 用来对共享数据进行过滤操作
  • action 解决异步改变共享数据
    state如何使用?

在页面中,title肯定是必备,那每个组件页面的title都肯定不一样,那我们如何去拿到title,title适合放在哪里,根据每个页面切换,而改变title,这个牵扯的就是组件与组件之间的通信,

  • 那我们在mian.js中再加入new Vue,绑定title作用域的实例代码,
  • 我们在computed里进行数据监听,
  • 此时我们就可以从store里拿到state.title,
  • 最后一步,我们在index.html中我们再进行{{title}}绑定。
  • 此时我们运行一下,打开dev-tools你会发现;
  • title这个数据已经在全局被共享了

matutions如何使用

应用场景: 如果我要改变顶层的共享数据,我们应该要用matutions要进行改变,