-
一个vue单页应用预处理数据的插件
-
使用vue-router全局钩子，在页面加载前就进行数据预处理。
-
支持异步组件
- 安装依赖
# install npm install --save vue-async-hook # or yarn add vue-async-hook - 插件使用
import Vue from 'vue' import router from './router' import VueAsyncHook from 'vue-async-hook' Vue.use(VueAsyncHook, { router })- �*
options[router]
vue-router实例
options[store]
vuex实例，���将会被加入
asyncData(context)。
options[loading]
自定义加载过渡组件, 必需包含[
start,fail,finish]三个函数
-
context[route] �即将前往的路由对象
-
context[store] 组件安装时传入的vuex实例
-
context[bar] 加载进度组件，可自己调节进度样式
-
context[isRender] 是否为加载期
-
context[from] 来源路由，
isRender为true时为空
请抛出一个错误的�Promise实例，如果抛出的错误中含有routeConfig，�则会�进行路由拦截跳转。
export default { asyncData () { return Promise.reject({ route: { name: 'NotFind' } }) } } // or export default { sasyncData () { const err = new Error('error msg') err.route = { name: 'NotFind' } return Promise.reject(err) } }