摘要：
什么是 Vuex? Vuex 是一个专为 Vue.js 应用程序开发的状态管理插件.它采用集中式存储管理应用的所有组件的状态,而更改状态的唯一方法是提交 mutation.例 , this.$store.commit('SET_VIDEO_PAUSE', video_pause); SET_VIDE 阅读全文
posted @ 2023-11-17 15:58
柯基与佩奇
阅读(67)
评论(0)
推荐(0)
摘要：
ref 和 reactive 是 Vue3 中用来实现数据响应式的 API 一般情况下，ref 定义基本数据类型，reactive 定义引用数据类型（喜欢用它来定义对象，不用它定义数组，原因后面讲） 理解的 ref 本质上是 reactive 的再封装 ref： 通过 Object.definePr 阅读全文
posted @ 2023-11-17 15:56
柯基与佩奇
阅读(183)
评论(0)
推荐(0)
摘要：
VUE3+VITE+TS 项目中的要点 使用 vue3+vite+ts 构建项目基础框架，配置代码运行环境,对项目进行模块化划分,并集成 element 组件库、axios 请求库； 利用 axios 拦截器实现了权限校验,对系统的登入权限进行控制,避免了无效请求； 利用 vue-router 路由 阅读全文
posted @ 2023-11-17 15:55
柯基与佩奇
阅读(207)
评论(0)
推荐(0)
摘要：
什么是插槽 简单来说就是子组件中的提供给父组件使用的一个坑位，用 表示，父组件可以在这个坑位中填充任何模板代码然后子组件中就会被替换成这些内容。比如一个最简单插槽例子 <!-- 父组件 --> <template> <div> <Child>Hello Juejin</Child> </div> < 阅读全文
posted @ 2023-11-17 15:54
柯基与佩奇
阅读(54)
评论(0)
推荐(0)
摘要：
这样的场景：渲染列表数据的时候，列表的子项还是列表。如果层级少尚且可以用几个 for 循环搞定，但是层级多或者层级不确定就有点无从下手了。 其实这就是树形结构数据，像常见的组织架构图，文件夹目录，导航菜单等都属于这种结构。很多组件库都带有树形组件，但往往样式不是想要的，改起来也非常的费劲。那么，如何 阅读全文
posted @ 2023-11-17 15:54
柯基与佩奇
阅读(54)
评论(0)
推荐(0)
摘要：
面试题：created 生命周期中两次修改数据，会触发几次页面更新？ 一、同步的 先举个简单的同步的例子： new Vue({ el: "#app", template: `<div> <div>{{count}}</div> </div>`, data() { return { count: 1, 阅读全文
posted @ 2023-11-17 15:53
柯基与佩奇
阅读(25)
评论(0)
推荐(0)
摘要：
总结 Vue 的初始化过程（new Vue(options)）都做了什么？ 处理组件配置项 初始化根组件时进行了选项合并操作，将全局配置合并到根组件的局部配置上 初始化每个子组件时做了一些性能优化，将组件配置对象上的一些深层次属性放到 vm.$options 选项中，以提高代码的执行效率 初始化组件 阅读全文
posted @ 2023-11-17 15:52
柯基与佩奇
阅读(85)
评论(0)
推荐(0)
摘要：
首先看源码 //即将要被劫持的数组 let arr = [1, 2, 3]; //先把要劫持的方法列出来 let methods = ["push", "pop", "shift", "unshift", "reverse", "sort", "splice"]; //既然要劫持原型，就要先把原型拿 阅读全文
posted @ 2023-11-17 15:52
柯基与佩奇
阅读(64)
评论(0)
推荐(0)
摘要：
总结 关于 vue 中 created 和 watch 的执行顺序相对比较简单，而其中 computed 是通过 Object.defineProperty 为当前 vm 进行定义，再到后续创建 vNode 阶段才去触发执行其 get 函数，最终执行到计算属性 computed 对应的逻辑。 官网的 阅读全文
posted @ 2023-11-17 15:49
柯基与佩奇
阅读(120)
评论(0)
推荐(0)
摘要：
7.1 Vuex 初始化 这一节主要来分析 Vuex 的初始化过程，它包括安装、Store 实例化过程 2 个方面。 安装 当在代码中通过 import Vuex from 'vuex' 的时候，实际上引用的是一个对象，它的定义在 src/index.js 中： export default { S 阅读全文
posted @ 2023-11-17 15:45
柯基与佩奇
阅读(39)
评论(0)
推荐(0)
浙公网安备 33010602011771号