05 2022 档案
摘要：一、state 1.1 引入vuex 以后，我们需要在state中定义变量，类似于vue中的data，通过state来存放状态 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.St
阅读全文
摘要：管理全局变量，便于组件之间传值 一、创建文件1、在store文件夹中新建index.js文件 import Vue from 'vue' //引入vueimport Vuex from 'vuex' //引入vue//使用vuexVue.use(Vuex) //创建Vuex实例const store
阅读全文
摘要：Vue3最重要的新特性之一 作用： 之前VUE对象规定了我们必须把某一类数据放在某一个解构，这样一定程度上对我们的代码进行了强制的分割， 但是在vue3中引入了setup（）合成API语法，他可以将某数据关联的内容都整合到一个部分，即使内容很多，但也是大而不乱 特点
阅读全文
摘要：第一种（vue 自带的功能）1、首先创建一个js(bus.js) 文件，导出vue 对象 import Vue from 'vue' export default new Vue(); 2、在需要传递参数的兄弟组件里导入创建的 js 文件,并在传参的方法执行 Bus.$emit(‘方法名’, ‘需要
阅读全文
摘要：父子组件之间 第一种：父传子 props传递数据 子传父 出发自定义事件的形式 第二种：provide,..inject结构 父组件provied触发数据，子组件inject接收数据 首先在父亲引入provide和reactive两个组件，在setup里面定义一个数组 用reactive包裹他的值，
阅读全文
摘要：什么是生命周期函数？ 从对象的创建到销毁的过程中，都会经过一系列执行性函数。可以在这些函数中对每个时间点添加事件。 Vue的生命周期函数有八个： beforeCreate 此时实例已初始化，但是其中只包含生命周期函数和默认事件。此时数据和方法还未初始化，el也未确定。 created 此时实例创建完
阅读全文
摘要：在css中单位长度用的最多的是px、em、rem，这三个的区别是： px是固定的像素，一旦设置了就无法因为适应页面大小而改变。 em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。 对于em和rem的区别一句话概括：em相对于父元素，rem相对于根元素
阅读全文
