Liux- 的博客

微信小程序、H5页面实现扫码功能，返回扫码识别结果

elementui新增和修改用同一个弹窗，resetFields不起作用

Vue中央事件总线$bus跨父子组件通信（解决$bus.$emit 第一次不触发）

vue3的基本使用，vite创建vue3项目

昨天在项目中遇到了一个问题，因为我们是团队开发，有许多自己写的公共组件。今天我用到其中一个公共组件，但是，当我想去修改这个公共组件的样式的时候我发现，你不能去修改组件原有的样式，因为你修改了别的地方样式就被修改了，当然，我们的样式是加scoped，如果去掉 也会影响别的地方样式（我们用的是less）。经过一系列研究，我发现了一个属性deep，深度选择器，样式穿透

vue-router路由守卫、beforeRach、afterEach、beforeEnter、beforeRouteEnter、beforeRouteLeave。路由拦截

Vue中组件传值，兄弟组件之间传值

Vue监听、watch

vue相关1.vue生命周期什么是Vue生命周期？vue实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译、挂载DOM——渲染、更新——渲染、卸载等一系列过程为Vue的生命周期。下面是vue生命周期的图片vue生命周期的作用是什么？它的生命周期中有多个事件钩子，他可以让我们在控制整个vue的过程中可以形成良好的逻辑。vue生命周期分几个阶段？8个阶段，创建前/后、载入前/后、更新前/后、销毁前/后。第一次页面加载触发那几个钩子？beforeCreate、cre

Vue中统一封装axios请求1.axios是什么，为什么要统一封装axios是一个基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如统一进行拦截请求和响应、取消请求、转换json、客户端防御XSRF等。我们所要的axios的封装和api接口的统一管理，主要目的是帮助我们简化代码，以便于日后的维护。统一封装axios拦截器和get/post请求import axios from 'axios'import { Loading, Message } from

Actionaction和mutation基本类似：action提交的是mutation，不是直接更改state的状态，而mutation是直接修改state状态action可以包含任意的异步操作，比如ajax请求简单注册一个actionimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { num: 0,

getter的使用Vuex 允许我们在 store 中定义“getter”（可以认为是 store 的计算属性）。就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。store.jsGetter 接受 state 作为其第一个参数：import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state:

最简单的state安装 Vuex 之后，让我们来创建一个 store。创建过程直截了当——仅需要提供一个初始 state 对象和一些 mutation：store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { num: 0, name: '刘旭', age: 18 },

父子组件之间的传值通常我们组件之间会相互传递一些参数，这样我们就用到了prop属性prop类型下面这是一段字符串数组形式的propprops:['title','name','age','like']但是，通常你需要给每个prop指定特定的类型，这个时候我们就得用对象的形式来列出props:{ title: Number, like: String, boolean: Boolean, array: Array, girlFraid: Object,