vue详解

1、vue与其它框架的异同点
与react相似之处:
使用虚拟dom;提供了响应式(Reactive)和组件化(Composable)的视图组件;
将注意力集中保持在核心库,而将其它功能如路由和全局状态管理交给相关的库
2、vue-router之编程式导航

1
2
3
4
5
// 命名的路由
router.push({ name: 'user', params: { userId: '123' }})

// 带查询参数,变成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})

注意:如果提供了 path,params 会被忽略
3、vuex
Vuex 背后的基本思想:通过定义和隔离状态管理中的各种概念并通过强制规则维持视图和状态间的独立性,我们的代码将会变得更结构化且易维护。
改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation,可以追踪状态变化。

1
2
3
4
5
6
 mutations: {
increment (state) {
state.count++
}
}
store.commit('increment')