摘要：
``` 首页 用户管理 const Home = { template: ` <h1 这是 Home 组件</h1 ` } // 父组件： const User = { template: ` <div class="user" <h2 用户中心</h2 <router link to="/user 阅读全文
摘要：
路由参数的说明 首页 学生 1 学生 2 // 路由参数： const Home = { template: ` <h1 这是 Home 组件</h1 ` } const Stu = { template: ` <div <p 这是第一个学生 {{ $route.params.id }} {{ na 阅读全文
摘要：
路由匹配展示的过程： + 当点击a标签（或者直接修改浏览器地址栏中的哈希值）会改变哈希值 + 当哈希值发生改变，Vue路由就会监听到这个变化 + 当路由监听到哈希值改变以后，就会用配置好的路由规则来匹配当前的哈希值 + 当哈希值被匹配成功，就会将当前路由规则对应的组件展示在页面中 router vi 阅读全文
摘要：
路由的使用步骤： + 安装: npm i S vue router + 引入 vue router + 创建路由规则 + 将路由实例与vue实例关联到一起 + 配置路由规则 哈希值 和 组件 的对应关系 + 指定路由出口（ 表示将当前匹配的路由展示在页面中的哪个位置 ） <! 入口：实际上就是一个a 阅读全文
摘要：
a标签的锚点值是用来实现：页面内部跳转 1 ajax 2 哈希值（锚点）的使用（window.location.hash ） 3 hashchange 事件 <!DOCTYPE html Document div { height: 500px; width: 100%; background co 阅读全文
摘要：
``` <!DOCTYPE html Document / 容器 / .container { width: 150px; } / 灯 / .light { width: 100px; height: 100px; border radius: 50%; text align: center; li 阅读全文
摘要：
``` <! 1 给属性添加 .sync 修饰符 // 2 props 是只读的，不能修改。 // 不能修改是说：不能重新赋值 const vm = new Vue({ el: ' app', data: { msg: 'parent data' }, components: { child: { 阅读全文