Trico

两列自适应布局：一列由内容撑开，另一列撑满剩余宽度 圣杯布局、双飞翼布局：两边固定宽度，中间自适应 等高布局：子元素在父元素中高度相等 粘连布局：垂直方向，后面的元素在前面元素足够高时，紧跟在前面元素

界面渲染过程 1 地址栏输入 url 地址 2 DNS 会完成域名解析， 帮我们找到相应的服务器主机 3 建立 TCP 的端到端连接(将你的电脑跟接勾的服务器主机建立一条传输数据的通道) 4 因为 T

Vue Router是 Vue.js 官方的路由管理器，让构建单页面应用变得易如反掌。 基本使用 Vue Router 提供了用于进行路由设置的组件 <router-link> 与 <router-v

前端路由 前端路由，指的是 URL 与内容间的映射关系 Hash 方式 通过 hashchange 事件监听 hash 变化，并进行网页内容更新。 特点总结: Hash 方式兼容性好。 地址中具有 #

动态组件 动态组件适用于多个组件频繁切换的处理。 <component> 用于将一个‘元组件’渲染为动态组件，以 is 属性值决定渲染哪个组件。 用于实现多个组件的快速切换，例如选项卡效果。 is 属

组件插槽可以便捷的设置组件内容。 单个插槽 如果我们希望组件标签可以像 HTML 标签一样设置内容，那么组 件的使用灵活度会很高。 但平常我们书写的组件，组件首尾标签中书写的内容会被抛弃。 需要通过

父组件向子组件传值 通过子组件的 props 选项接收父组件的传值。 注意:props 不要与 data 存在同名属性。 Props 命名规则 建议 prop 命名使用 camelCase，父组件绑定

组件用于封装页面的部分功能，将功能的结构、样式、逻辑代码封装为整体。 提高功能的复用性与可维护性，更好的专注于业务逻辑。 组件使用时为自定义 HTML 标签形式，通过 组件名作为自定义标签名。 组件注

自定义指令 指令用于简化 DOM 操作，相当于对基础 DOM 操作的一种封装。 当我们希望使用一些内置指令不具备的 DOM 功能时，可以进行自定义指令设置。 自定义全局指令 • 指的是可以被任意 Vu