## 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'`