摘要：
路由中的钩子函数 beforeRouteEnter：在进入路由前执行 beforeRouteLeave：在离开路由前执行 案例代码如下： export default { props: ['id'], name: "UserProfile", beforeRouteEnter: (to, from, 阅读全文
摘要：
路由模式 路由模式有两种 hash：路径带 # 符号，如 http://localhost/#/login history：路径不带 # 符号，如 http://localhost/login 修改路由配置，代码如下： export default new Router({ mode: 'histo 阅读全文
摘要：
参数传递 我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个 User 组件，对于所有 ID 各不相同的用户，都要使用这个组件来渲染。此时我们就需要传递参数了； 使用路径匹配的方式 修改路由配置，主要是在 path 属性中增加了 :id 这样的占位符 {path: '/us 阅读全文
摘要：
什么是嵌套路由 嵌套路由又称子路由，在实际应用中，通常由多层嵌套的组件组合而成。同样地，URL 中各段动态路径也按某种结构对应嵌套的各层组件，例如： /user/foo/profile /user/foo/posts + + + + | User | | User | | + + | | + + | 阅读全文
摘要：
概述 我们结合 ElementUI 组件库，将所需知识点应用到实际中，以最快速度带领大家掌握 Vue 的使用 创建工程 注意： 使用 NPM 安装相关组件依赖时可能会遇到权限问题，此时使用 PowerShell 管理员模式运行即可；开始菜单 -> 鼠标右击 -> Windows PowerShell 阅读全文
摘要：
概述 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 C 阅读全文
摘要：
什么是 vue-cli vue-cli 官方提供的一个脚手架（预先定义好的目录结构及基础代码，咱们在创建 Maven 项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架）用于快速生成一个 vue 的项目模板 统一的目录结构 本地调试 热部署 单元测试 集成打包上线 安装 环境准备 Node.js 阅读全文