2019 VUE开发总结笔记

1.路由懒加载：

import Vue from 'vue'
import Router from 'vue-router'
// import HelloWorld from '@/components/HelloWorld'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: () => import('@/components/HelloWorld')
    }
  ]
})

2.vue全家桶：

1. vue-router（http://router.vuejs.org）
2. vuex（http://vuex.vuejs.org）
3. vue-resource（https://github.com/pagekit/vue-resource）
4. vue-cli

3.vue-router路由

npm工具来安装vue-router 

npm install vue-router 

 不同路由的跳转含义：

<template>
  <div id="app">
    <router-view/> // 只是模块内部发生跳转
  </div>
</template>

<router-link :to="'index'">Home</router-link> // 整个模块作为页面跳转

  4.引入element

安装elemen

npm i element-ui -S

进入main.js文件中

/* 引入element */
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

 引用element

/* 引用ElementUI */
Vue.use(ElementUI)