## Vue.js * 輕巧、高性能、可組件化 * 數據驅動 * 漸進式框架 響應的數據綁定系統 ## 特點 * 簡潔 * 數據驅動 * 組件化 * 輕量 * 快速 ## 優化SPA的首頁加載速度 1. 公用的JS庫通過script標簽外部引入 2. 配置路由時，頁面和組件使用懶加載方式引入 3. 首頁Loading效果 1， 2 是減小app.bundel 的大小。 使用webpackage 懶加載： ``` const index = r => require.ensure([], () => r(require('@/pages/index/index')), 'index') ``` ## 項目目錄 * main.js 入口文件，初始化Vue實例和需要使用的插件 * App.vue 主組件， 所有的頁面都是在App.vue下進行切換的 * src 組件和入口文件 * config 配置路徑端口等 * build 配置webpack 的基本配置，開發環境配置，生產環境配置 * assets 公共資源 * 多個頁面在src可以下建立pages 子目錄， html 文件放置在public 中 * ## 用戶登錄驗證 vue-router + axios ## Vue多頁面應用 ## 其他 `import router from './router'` 等同于 `import router from './router/index.js'`