摘要： Webpack webpack官网 webpack中文网 一、Webpack 介绍 Webpack 是什么? (mianshi) 前端模块化打包(构建)工具 【构建：打包】 WebPack可以看做是模块打包机：它做的事情，是分析你的项目结构，找到JavaScript模块、其它的一些浏览器不能直接运行 阅读全文

摘要： 5.1 元信息 作用 规则声明 获取 01 元信息.html 5.2 编程式导航 js const one = { template： ` 返回 上一页 跳转 two页 替换 two页 `， methods： { handleClick(type) { if (type == 'back') { / 阅读全文

摘要： 原始方式使用 $route获取 // 入口 <router-link to="/header/3">123</router-link> // 规则 routes： [ { path： '/header/：id'， component： header， } ] // 获取参数 const header 阅读全文

摘要： 方式1： redirect： '/header' 方式2： redirect： { name： 'header' } 方式3： redirect： to => { // console.log(to) return { name： 'about' } } 10-重定向.html <!DOCTYPE 阅读全文

摘要： 导入 ： 有时候想同时 (同级) 展示多个视图， 需求 ： 访问 / 根目录，同时展示以下三个组件 三个组件 const header = { template： `<p>header </p>` } const main = { template： `<p>main </p>` } const f 阅读全文

摘要： 有时候，通过一个名称来标识一个路由显得更方便一些， 特别是在 链接一个路由 ，或者是执行一些 跳转 的时候。 === 场景 你可以在创建 Router 实例的时候，在 配置中给某个路由设置名称。 == 如何命名 09 命名路由.html 阅读全文

摘要： 导入 ： url测试 parent 和child， 想让child 在 parent 中显示 parent 的内部 添加 ： <router-view> </router-view> 规则里添加 children /child 和 child 的区别 如果是/child ⇒ 直接访问#/child就 阅读全文

摘要： vue-router的理解和使用 router-view、router-link、keep-alive $router: 路由器对象, 包含一些操作路由的功能函数, 来实现编程式导航(跳转路由) 【VueRouter实例对象。】 $route: 当前路由对象, `解析url信息`，一些当前路由信息数 阅读全文

摘要： 4.1 动态路由 ⇒ 详情列表 导入 ： 列表三个手机都要点击，进入详情页， 只需要一个组件，显示不同的数据即可 # 入口 <router-link to="/detail/1">手机1</router-link> <router-link to="/detail/2">手机2</router-li 阅读全文

摘要： 点击导航 = 元素里添加了两个类 修改方式1 ： 直接修改类的样式 修改方式2 ： 使用存在过的类样式 = 修改默认高亮类名 03 高亮状态.html 04 高亮状态 精确匹配和模糊匹配.html 阅读全文

摘要： 入口 最常用的入口 是 声明式导航 router link 组件 js const One = { template： } js One Two html Document ONE ONE TWO 阅读全文

摘要： 零、路由介绍 路由 ： 是浏览器 URL 中的哈希值( # hash) 与 展示视图内容 之间的对应规则。 简单来说，路由就是一套映射规则(一对一的对应规则)， 由开发人员制定规则. 当 URL 中的哈希值( # hash) 发生改变后，路由会根据制定好的规则， 展示对应的视图内容 为什么要学习路由 阅读全文