首页
vue
TypeScript
JavaScript
scss
css3
html5
php
MySQL
redis
jQuery
位置:
vue 中文手册
vue 生态圈
Pinia(状态管理)
什么是 Pinia
Pinia 入门安装
defineStore
state
getters
actions
Plugins(插件)
在组件之外使用 Store
在非 setup 中使用 Pinia
组合 Store
组合式函数
Pinia 与 服务器端渲染(SSR)
Pinia 与 服务器端渲染 Nuxt.js 框架
Pinia Store 测试
Pinia 热更新
vue router(路由)
vue-router 入门安装
router-view 匹配组件 router-link 创建链接
动态路由
$route.params、$route.query、$route.path、$route.has
嵌套路由
children 选项
编程式的导航
router.push()、router.replace()、router.go()
命名路由
路由设置上 name 选项
命名视图
router-view 使用 name 属性
重定向和别名
redirect 重定向,alias 定义别名
路由组件传参
将 props 传递给路由组件
不同的历史记录模式
history: createWebHistory()
导航守卫
beforeEach(),beforeResolve(),afterEach(),beforeEnter(),
路由元信息
meta 属性
过渡动效
基于 transition 组件,route.meta.transition 动态动画
数据获取
created() 钩子内 watch(),beforeRouteEnter()、beforeRouteUpdate() 守卫
滚动行为
scrollBehavior()
路由懒加载
箭头函数 返回 import()
导航故障
isNavigationFailure()
扩展 RouterLink
RouterLink.props
Vue Router 和 组合式 API
useRouter()、 useRoute()、 onBeforeRouteUpdate()、onBeforeRouteLeave()
Vue Router API
vuex(状态管理)
vuex 是什么
状态管理模式库
vuex 安装
npm install vuex@next --save
vuex 使用示例
store 实例,state 数据是响应式的,mutations修改数据选项
state
子组件通过 $store 访问其数据
getter
getter 返回对象或者函数
mutation
store.commit 触发同步回调
action
异步提交 mutation,dispatch() 分发
module
store分割成模块
项目结构
插件
plugins选项
严格模式
strict: true
表单处理
带有 setter 的双向绑定 computed
热重载
webpack中插件
对 Vuex 中的 mutation 和 action 进行单元测试
vuex 与 TypeScript
useStore
vuex 与 组合式 API
vuex API
axios 网络请求库
Axios 是什么
axios 用例
get请求、post请求、多个并发请求
axios API
axios()请求
axios 实例
axios.create()创建实例
请求配置
axios(config)
响应结构
axios 响应信息
默认配置
拦截器
错误处理
catch(function (error)) 处理错误信息
取消请求
axios.CancelToken
请求体编码
qs 库