最近在学vue3，打算把vue3遇到的新知识点总结一下 我理解的是vue3是vue2的一个升级版本，由于更新的东西比较多，所以这是一个重要的版本啦，所以的升级都是为了解决旧版本的一些不够优秀的点吧，或许是实现方式，或许是技术选型，毕竟技术发展的这么快，也许当初实现的时候有些技术受限，没有达到更好的效果。vue2的核心思想数据驱动，组件系统。vue2的缺点与 react 相比性能比react低。（低
一般情况下每个vue组件都用"\
renderrender是组件的一个选项, 他的返回值会被作为组件的DOM结构. ```html```试试插入html: ```html```可以看到html标签被当做字符串渲染了,* 并没有生成h2标签. 如何正确插入h2标签呢?*VNode如果想插入DOM就要用到"VNode", VNode是vue对页面DOM节点的描述, 其是一个Object类型.h结构
转载
2024-05-17 15:20:14
471阅读
h函数需要在render函数中使用，本文介绍了什么是h函数，以及h函数分别在options Api中和Compitons Api中如何使用，以及setup函数中的使用情况
原创
2024-07-09 10:46:29
156阅读
深入理解 Vue3 中的 h 函数在 Vue3 的开发领域中，h函数堪称基石性的重要概念，它是构建虚拟 DOM（Virtual DOM）节点的核心工具。虚拟 DOM 作为真实 DOM 的抽象化身，在现代前端开发中扮演着性能优化的关键角色。通过h函数操作虚拟 DOM，而非直接与真实 DOM 打交道，能大幅提升渲染效率，让应用的响应更加流畅。深入理解并熟练运用h函数，不仅是掌握 Vue3 底层原理的关
箭头函数1、箭头函数的使用2、箭头函数参数和返回值3、箭头函数中的this4、关于call,apply,bind 1、箭头函数的使用定义函数有三种方式：<script>
//箭头函数：也是一种定义函数的方式
//1.定义函数的方式：function
const aaa=function () {
}
//2.对象字面量中定义函数
const obj={
bbb: fu
转载
2024-10-09 12:44:36
75阅读
文章目录前言模拟一个数据监测数据检测---对象数据检测---数组总结 前言问题描述：在进行Vue对象的属性内容更新时，可能会发现更新后的数据没有及时渲染到页面中，实际属性中的内容显示正常。问题根源：为了便于对数据进行监测，Vue在解析数据的时候会为检测到的每一个数据生成一对get,set方法，当用户数据改变的时候，会触发数据的set方法，首先进行数据的修改，然后触发重新解析模板，由下图可以看出数
一.自定义指令（directives）：钩子函数1. bind： 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。2.inserted：  
vue3 渲染函数(h函数)的更改 h函数的更改总结 1==>h 现在全局导入，而不是作为参数传递给渲染函数 2==>渲染函数参数更改为在有状态组件和函数组件之间更加一致 3==>vnode 现在有一个扁平的 prop 结构 h函数的三个参数详细说明 第一个参数是必须的。【跟原来的是一样的。没有发生
原创
2022-10-31 09:20:38
6563阅读
1. 什么时候从后台获取数据组好？其实Vue并没有规定什么时候获取数据最好，我们从每个钩子函数定义便可知，只要在Vue实例创建之后，也就是created中及以后的所有钩子函数里都可以从后台获取数据。但是，这里我建议大家还是在created钩子函数就获取数据，然后进行数据操作。原因嘛就是，从beforeCreate到mounted,这中间是一个流程，而且是不受任何东西影响的,并且数据请求是个异步的过
vue3中 h函数的使用方法
原创
2023-01-07 00:19:44
370阅读
生命周期函数：在某一时刻，会自动执行的函数共8个：
1. 实例生成之前会自动执行的函数- - -beforeCreate()
2. 实例生成之后会自动执行的函数- - -created()
3. 组件内容被渲染到页面之前自动执行的函数- - -beforeMount()
4. 组件内容被渲染到页面之后自动执行的函数- - -mounted()
5. 数据发生
转载
2024-10-14 09:02:16
210阅读
渲染函数 & JSX — Vue.jscn.vuejs.org
render函数特点render函数和模板一样,模板可以做的事情它都可以做render函数是最接近编译器的函数render函数返回vnode模板和jsx会先编译成render函数然后在返回vnode组件树中的所有 VNode 必须是唯一的，如果真的需要重复很多次的元素/组件，你可以使用工厂函数来实
转载
2024-08-02 22:39:05
107阅读
vue3 defineComponent + 渲染函数h + 全局注册
原创
2024-06-16 21:42:02
980阅读
最近事多，更新稍慢了点，距离第二节推送快一周了。 我们之前说过，Vue是数据驱动视图的，只要model（模型层）的数据改变了，Vue就会帮我们改变视图上显示的内容，不用我们自己去动手写代码更新。那么，它是怎么做到的，我们的代码要怎么写才能做到这一点。 答案是：Vue实例。 先确保你的项目安装好Vue.js，安装教程：点击这里 安装好之后，我们来看看怎么创建和
1、概念 轻量化的ref函数和reactive函数，只能进行一层响应式 2、对比 a、shallowRef和ref ref响应式的，可以是基本数据类型和对
1、markRaw函数 作用：标记一个对象，使其永远不会成为响应式对象 应用场景： 有些值不值得被设置成响应式的。比如
文章目录一、事件监听事件：$on监听一次：$once移除监听：$off触发事件：$emit二、数据监听数据：$watch添加数据：$set删除数据：$delete三、生命周期手动挂载：$mount()强制渲染：$forceUpdate()延迟更新：$nextTick()销毁实例：$destroy()四、属性根元素：$el根属性：$root父组件：$parent子组件：$children各组件：$r
1、readyonly：把响应式数据变成只读，深层次 2、shallowReadyonly：把响应式数据变成只读，浅层次 应用场景：不希望数据被修改
前言icon在我们前端日常开发中是很常用的，它有很多种使用方式，时至今日，它的使用方式经过了很多种演变，本文会为大家介绍icon的一些历史演变，分析一下这几种使用方式的优劣，我们将采用svg sprites这种方式使用icon，演示代码使用vue+vue-cli3+，看完之后，你会发现这种使用方式完全称得上优雅二字追溯历史Img标签引入最早我们使用图标时只是单纯img标签引入图片，个人感觉也还好但
转载
2024-07-23 08:07:20
378阅读
1.Vue 不同环境配置不同的接口地址；在项目中，前端请求访问的地址如果有跨域，我们会在config–>index.js中配置代理。这样前端请求就可以使用'/api/接口名称'，但是在生产环境下，我们不需要接口请求前面加'/api'，所以就需要判断开发环境和生产环境。
1)
config -> dev.env.js 添加开发接口地址
config -> prod
