web·vue

Router

$route

是“路由信息对象”,包括 path,params,hash,query,fullPath,matched,name等路由信息参数。

  1. $route.path
    字符串,对应当前路由的路径,总是解析为绝对路径,如 "/order"。
  2. $route.params
    一个 key/value 对象,包含了 动态片段 和 全匹配片段,如果没有路由参数,就是一个空对象。
  3. route.query 一个key/value对象,表示URL 查询参数. 例如,对于路径 /foo?user=1,则有route.query.user为1,如果没有查询参数,则是个空对象。
  4. $route.hash
    当前路由的hash 值 (不带 #) ,如果没有 hash 值,则为空字符串。
  5. $route.fullPath
    完成解析后的 URL,包含查询参数和 hash 的完整路径。
  6. $route.matched
    数组,包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。
  7. $route.name
    当前路径名字
$router

是“路由实例”对象,即使用 new VueRouter创建的实例,包括了路由的跳转方法,钩子函数等。

Vuex 使用 Stroe 对象,来保存和管理整个应用的状态。

Store 对象:

  1. state: 存状态,就是存放数据的地方,所有的数据都在这里,相当java对象
  2. getters:用户获取state里面的数据,相当与java里面的get方法
  3. mutations: 用来更新状态的逻辑,相当于函数容器, java的方法
  4. action: 用来操作mutations 相当于set
    xxx.click 相当于action时间
  • 同步:xxx.click(store,commit);
  • 异步:xxx.click(store.dispatch);
  1. mudules: 模块化
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。