流浪のwolf

卷帝

导航

46.使用过vuex和vue-router吗

使用过,vuex是状态管理工具,它的数据可以被所有的组件获取,方法可以被所有的组件调用 ;

vuex  的内部的运行机制:state提供了数据驱动视图,dispath派发actions 执行异步操作,commit提交mutations 修改state 数据 ;

vuex的核心属性:

  state:数据保存源

  mutations :唯一修改state数据的方法

  getter :监听state数据的变化

  actions:执行异步操作 ;

  modules:vuex的模块化 

基本使用:

  1. 挂载 vuex  ========    Vue.use(Vuex) ;

  2. 实例化仓库 ===========   const store = new Vuex.Store(  {  配置项  } ) 

  3. 暴漏仓库实例 store 

 

因为 vue 是 SPA 应用的框架,只有一个页面,但是要显示不同的内容,所以vue设计了路由机制,地址path和组件的产生映射关系,通过跳转不同地址,来显示不同的组件内容 ;

基本使用:

  1. 挂载(注册)路由  = ========= Vue.use(Router);

  2. 设置路由规则 ,就是把path地址和组件component关联起来,生成映射关系 ;

  3. 创建路由实例并注入规则 routes  ============== new Router({ 配置项 })

  3. 暴漏路由实例 router 

  

posted on 2022-11-13 20:58  流浪のwolf  阅读(17)  评论(0编辑  收藏  举报