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