![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 93
一棵开花的树,枝芽无限靠近你
学习使我快乐!
展开
-
vue中使用prettier
配置Prettier在这里使用文件的形式,在src目录下新建文件,使用CommonJS的方式导出,先写上官网提供的简单的实例semi: false, // 结尾不使用分号singleQuote: false, // 字符串使用双引号。原创 2024-02-28 16:57:17 · 794 阅读 · 1 评论 -
模块四(一):搭建自己的SSR
vue-ssr的使用原创 2023-12-13 11:38:08 · 1290 阅读 · 0 评论 -
模块三:Vuex 数据流管理及Vue.js 服务端渲染(SSR)(二)服务端渲染基础与NuxtJS
本篇文章首先简述了渲染页面的三种方式:服务端渲染、客户端渲染、同构渲染;其次介绍了基于Vue的同构渲染框架NuxtJS,最后应用NuxtJS书写实例项目,在实践中体会NuxtJS的使用。原创 2023-11-07 10:13:28 · 1077 阅读 · 0 评论 -
模块三:Vuex 数据流管理及Vue.js 服务端渲染(SSR)(一)Vuex状态管理
本篇文章主要对vue组件之间的通信方式进行总结,并且探索vuex状态管理的核心概念和基本使用,以及自己模拟实现一个vuex。并不是任何项目都适合使用vuex,只有中大型项目才适合使用vuex。原创 2023-09-22 11:15:28 · 127 阅读 · 0 评论 -
Vue.js 源码剖析(三) -- 模板编译和组件化
本文主要分析模版编译和组件创建过程的Vue源码,通过思维导图总结代码执行过程原创 2023-09-12 17:18:36 · 100 阅读 · 0 评论 -
Vue.js 源码剖析(二)-- 虚拟DOM
h()函数实现了重载机制,能传多种参数类型。参数一:标签选择器或组件的选项对象参数二:给标签设置属性或事件参数三:字符串(内容)/数组(子元素)这段代码会创建出来一个虚拟DOMvNode,并且会创建对应的真实DOM,并且填充到el中。原创 2023-07-31 15:43:39 · 50 阅读 · 0 评论 -
Vue.js 源码剖析(一)- 响应式原理(3)数据响应式原理
数据响应式主要用于将vm.$data中的数据转换为响应式数据,在修改数据的时候,保证依赖数据的视图可以自动更新。数据响应式主要由三个类配合完成的:🎃Observer:用于将对象转换为。数组和对象的响应式实现是不同的,首先得考虑它们是如何被修改的。对于数组而言,是通过数组的原生方法被修改的,例如;所以就要将改变数组的原生方法进行重写,在修改数组的同时,通知依赖更新。对于对象而言,对象的定义可以使用实现,每次通过obj[key]修改对象属性都会进入对象的setter中,所以要将普通对象使用。原创 2023-07-26 11:51:13 · 133 阅读 · 0 评论 -
Vue.js 源码剖析(一)- 响应式原理(2)Vue初始化及首次渲染过程
讲述Vue源码中初始化和首次渲染过程,通过思维导图清晰展现源码执行的流程原创 2023-07-20 15:05:06 · 90 阅读 · 0 评论 -
Vue.js 源码剖析(一)-响应式原理(1)vue2源码启动与调试
vue2源码启动原创 2023-07-18 10:23:01 · 291 阅读 · 0 评论 -
Vue实际应用之父子组件双向数据绑定
本文是我在实际工作中使用vue进行父子组件数据传输的案例原创 2023-07-17 10:46:56 · 260 阅读 · 0 评论 -
Vue.js 框架源码与进阶(三)--- Virtual DOM的实现原理
本文是对虚拟DOM库SnabbDOM实现虚拟DOM的源码进行分析,其中有很多流程图、思维导图帮助理解,对几个关键函数的执行使用流程图的形式展示出来。原创 2023-07-14 09:58:48 · 166 阅读 · 0 评论 -
Vue.js 框架源码与进阶(二)--- 模拟Vue.js响应式原理
本文探究vue响应式原理,使用Object.defineProperty模拟实现一个最小版本的vue,实现简单的数据驱动视图和双向数据绑定。原创 2023-07-04 15:23:22 · 100 阅读 · 0 评论 -
Vue.js 框架源码与进阶(一)--- Vue-Router原理实现
本文模拟VueRouter的实现原创 2023-06-26 10:38:43 · 263 阅读 · 0 评论