本文共 1892 字，大约阅读时间需要 6 分钟。

1. ���������������

���Vue.js������������������������������������������������������������������ delaying the loading of route components until they are needed.������������������������������������������������������

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: () => import('@/components/HelloWorld')
    }
  ]
})

2. Vue���������

Vue������������������������������Development tools������������������������������������������������������������Vue���������

• vue-router��� Vue���������������������������������������������������������������
• vuex��� Vue������������������������������������������������������������
• vue-resource��� Vue���_ajax���������������������������������������������������������
• vue-cli��� Vue���������������������������������������������������������

������������������������������vue-router���

npm install vue-router

3. ��������������� Element UI

Element UI ���������������Vue���UI���������������������������������������������������������������������������

npm install element-ui -S

���main.js������������������������

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

������������������������������������Element UI������������������������������

   
   
    ������
   

4. ������������������

• router-link������������������������������������������������������
• router-view������������������������������������������������������������������������������

���������������

const router = new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: () => import('@/components/Home')
    },
    {
      path: '/about',
      name: 'about',
      component: () => import('@/components/About')
    }
  ]
})

���������������������������������������������������������������