摘要：
一、state：组件之间共享的数据集合 组件中获取方法 1.直接获取 this.$store.state.xxx; 2.使用对象运算符mapState的形式获取 ...mapState(['xxx','xxx']) 二、getters：相当于store对象计算属性（主要用于对state的数据进行过滤 阅读全文
posted @ 2022-05-11 15:57
小马学编程
阅读(59)
评论(0)
推荐(0)
摘要：
1.下载并引入vuex相关内容 import {creatsStore} from 'vuex' 2.创建状态管理库对象store const store = createStore({ }) 3.对外抛出store对象 export default store; 4.在main.js中将store 阅读全文
posted @ 2022-05-11 15:54
小马学编程
阅读(51)
评论(0)
推荐(0)
摘要：
一、Vue3最重要的新特性之一 作用：之前vue对象规定了我们必须把某一类数据放到某一个结构。这样在一定程度上对我们的代码进行了强制的分割。在vue3中，我们引入了setup()合成API语法，它可以将某数据关联的内容都整合到一个部分,即使setup()中的内容越来越多,也会围绕着大而不乱的形式开发 阅读全文
posted @ 2022-05-11 15:52
小马学编程
阅读(136)
评论(0)
推荐(0)
摘要：
1.父子组件之间的数据通信 ①第一种：父-->子 props传递数据；子-->父 触发自定义的形式 ②第二种：provide....inject结构 父组件provide抛出数据，子组件inject接收数据 2.非父子组件之间的数据通信 ①第一种：事件总线Bus（空vue对象） ②第二种：状态管理库 阅读全文
posted @ 2022-05-11 15:42
小马学编程
阅读(42)
评论(0)
推荐(0)
摘要：
定义：我们经常需要把某种模式匹配到的所有路由，全部映射到同个组件，例如，我们一个User组件，对于所有id个不同的用户，都需要这个组件来渲染 //动态路由设置 {path:'/user/:id/:name/:age',component:User} <router-link to="/user/1/ 阅读全文
posted @ 2022-05-11 15:40
小马学编程
阅读(802)
评论(0)
推荐(0)
摘要：
src文件下新建router文件夹 建index.js import{createRouter,createWebHashHistory} from 'vue-router'import Bar from "./components/Bar.vue";import Foo from "./comp 阅读全文
posted @ 2022-05-11 15:37
小马学编程
阅读(232)
评论(0)
推荐(0)
浙公网安备 33010602011771号