2023年2月18日

vue2 - router的两种模式 history模式与hash模式,设置模式

摘要: history模式:url带#号,兼容性好 hash模式:url不带#号,需后端配合 模式的设置:默认为history模式 export default new VueRouter({ mode: "hash", routes: [ ] }) 阅读全文

posted @ 2023-02-18 16:03 Mikasa-Ackerman 阅读(337) 评论(0) 推荐(0) 编辑

vue2 - router-link 的replace属性与push属性,编程式路由导航,路由的缓存

摘要: 1.router-link 的replace属性与push属性 //替换游览器历史记录 游览器没有记录 <router-link replace ...></router-link> //追加游览器历史记录 游览器有记录 <router-link push ...></router-link> 2. 阅读全文

posted @ 2023-02-18 15:49 Mikasa-Ackerman 阅读(65) 评论(0) 推荐(0) 编辑

vue2 - router子路由,query方式传递参数,params方式传递参数,路由中的props

摘要: 1.router 子路由 export default new VueRouter({ routes: [ { path: "/home", component: AppHome, name: "AppHome", children: [ //子路由 /home/show1 { path: "sho 阅读全文

posted @ 2023-02-18 15:29 Mikasa-Ackerman 阅读(164) 评论(0) 推荐(0) 编辑

vue2 - router 的基本使用,安装router,配置router,router 标签

摘要: 1.安装router npm install vue-router 2.定义router路由导航 src/router/index.js import Vue from "vue"; import VueRouter from "vue-router"; //引入组件 import AppHome 阅读全文

posted @ 2023-02-18 14:48 Mikasa-Ackerman 阅读(123) 评论(0) 推荐(0) 编辑

vue2 - vuex优化,vuex模块化 模块化操作数据

摘要: 1.vuex优化 mapActions 在methods添加了 setter方法 mapMutations 在methods添加了 setter方法 mapGetters 在computed添加了 getter方法 mapState 在computed添加了 getter方法 import {map 阅读全文

posted @ 2023-02-18 13:58 Mikasa-Ackerman 阅读(83) 评论(0) 推荐(0) 编辑

vue2 - vuex 状态管理工具

摘要: 1.什么是vuex 状态管理工具 vuex是适用于在Vue项目开发时使用的状态管理工具。试想一下,如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值,一旦项目变得很庞大,管理和维护这些值将是相当棘手的工作。为此,Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在 阅读全文

posted @ 2023-02-18 12:43 Mikasa-Ackerman 阅读(59) 评论(0) 推荐(0) 编辑

vue2 - 插槽solt,默认插槽,具体名插槽,作用域插槽

摘要: 1.默认插槽 作用:会把父组件human中的内容全部解析到子组件中的slot中 父组件: <template> <div id="App"> <!--子组件--> <human> <!--解析到子组件中的内容--> <h2>USER</h2> <h2>NAME</h2> </human> </div 阅读全文

posted @ 2023-02-18 12:31 Mikasa-Ackerman 阅读(122) 评论(0) 推荐(0) 编辑

导航