网页大神经

背景 如果我们有个需求，需要为SPA应用的每个页面增加title？ 网页title来自于index.html中的 <title>而SPA中html只有一个，是不会变化的 那么我们只能在某个组件/页面加

$router 任何一个组件中的$router 都是一样的，指的是该应用中的VueRouter实例对象 $route 当前活跃的路由对象 来源 为什么this.$能够获取到这些对象，这两个属性怎么存在

主要有两种方式：params和query params 配置路由：/router/:id 传递参数： 在path后加上需要传递的数据本身 传递后形成的路径：/router/123 或/router/a

背景 以home页面为例，有时候在home页面，我们希望既展示新闻News，也展示消息Message。切换路由，home组件本身的内容不变，但是其内部的News和Message切换。 此时，home是

背景 当打包构建时候，js包会变的非常大，影响页面加载，出现短暂白屏。 如果能把不同路由对应的组件分割成不同的代码块，单独打包，然后路由被访问的时候，才加载对应组件，这样就更加高效了 上图是脚手架打包

以前后端负责页面的展示和逻辑，后端通过html+css+java写jsp页面，前端通过页面的路由请求后端的资源，每一个url都会请求后端不同的资源，每请求一次，由于资源变化了，都需要刷新页面。 - 前

认识 什么是webpack? 本质上来讲，是现代js应用的静态模块化打包工具，核心解释为 模块化 和 打包 官方图： 项目中的： 图片：png,jpg 样式：css、scss、less，saas js

导出 单个值导出 导出普通值 export const name = 'kobe' export flag = true 导出普通方法 export function sum (num1, num2)

参考某些商城网站的searchBar,区别仅仅是搜索框左侧的label描述和右侧的按钮，这种情况下，我们不需要根据场景定制多个组件，而可以使用插槽。将搜索框固定展示，左右侧外部传入。这种场景下用到插槽