前言在「Vue3」中，创建一个组件实例由 createApp 「API」完成。创建完一个组件实例，我们需要调用 mount() 方法将组件实例挂载到页面中：createApp({
...
}).mount("#app");在源码中整个组件的创建过程:mountComponent() 实现的核心是 setupComponent()，它可以分为两个过程：开始安装，它会初始化 props、slo
我们上次学习了vue数据驱动的概念，以及简单的vue怎么知道数据更新，然后采取行动的。今天我们就来继续深入学习，vue怎么把数据和视图给绑定在一起的，数据发生变化，视图怎么会自动发生变化的。
原创
2023-06-24 00:11:41
108阅读
开发vue（或类似的MVVM框架）的过程中，需要面对的主要问题有哪些？剖析vue实现原理，自己动手实现mvvm官网介绍
转载
2016-12-23 07:49:00
75阅读
2评论
一、vue架构简介 我们创造的vnode，本质上是一个js对象，所以操作vnode比操作真实dom的lelement元素，要简单很多很多； 通过render函数将template转化为vnode（本质是一个js对象），然后通过渲染器将将vnode转化为真实元素 二、三大系统 第一部分是compile ...
转载
2021-09-23 16:48:00
612阅读
2评论
一、vue架构简介 我们创造的vnode，本质上是一个js对象，所以操作vnode比操作真实dom的lelement元素，要简单很多很多； 通过render函数将template转化为vnode（本质是一个js对象），然后通过渲染器将将vnode转化为真实元素 二、三大系统 第一部分是compile ...
转载
2021-09-23 16:48:00
293阅读
2评论
1. 响应式系统 通过官网的介绍我们知道 Vue.js 是一个MVVM框架，它并不关心视图变化，而通过数据驱动视图更新，这让我们的状态管理非常简单，而这是怎么实现的呢。盗用官网一张图 每个组件实例都有相应的 Watcher 实例对象，它会在组件渲染的过程中把属性记录为依赖，之后…
原创
2021-09-08 16:52:57
206阅读
我们上次分析vue源码讲的是收集依赖，数据变化之后我们把依赖收集到dep类中，通过这个管理器进行管理。里面有一个subs数组，用来
原创
2023-07-09 00:44:22
116阅读
Vue 的渐进式设计使得它非常容易上手，在最简单的情况下，我们只需要引入 Vue 的 JS 文件，然后 new Vue() 即可使用声明式渲染。Vue 的文档编写也比较优秀，方便使用者一步一步深入了解 Vue 各个特性的使用。既然如此，为什么我们还需要阅读 Vue 的源码呢，直接看文档学习它的使用不就可以解决问题了吗？这个问题可以从两方面来解答。他山之石 可以攻玉
前端技术的发展非常快，各种类库、
原创
2022-11-21 11:18:41
85阅读
Vue CLI1、简介2、安装3、创建项目3.1 vue create1、简介 在开发大型单页应用时，需要烤炉项目的组织结构、
原创
2023-02-13 11:42:42
222阅读
https://cli.vuejs.org/zh/guide/mode-and-env.html
转载
2020-06-16 15:14:00
217阅读
2评论
VUE CLI 1.什么是Vue CLI (Command Line Interface)? Vue CLI是vue官方提供的脚手架工具， 默认已经帮我们搭建好了一套利用webpack管理vue的项目结构 2.如何安装Vue-cli和使用Vue-CLI? 安装脚手架工具: npm install - ...
转载
2021-09-25 21:39:00
218阅读
2评论
Vue CLI 在开发大型单页面应用时，需要考虑项目的组织结构、项目构建、部署、热加载、代码单元测试等多方面与核心业务逻辑无关的事情，对于项目中用到的构建工具、代码检查功能等还需要一遍一遍地重复配置。为此我们选择能够创建脚手架的工具，来帮助搭建一个项目的框架，并进行一些项目所依赖的初始配置。 简介 ...
转载
2021-08-28 22:00:00
329阅读
2评论
周末在家新建了一个 Vue 测试项目，但不管怎么建，总会提示一些 有的没的，杂七杂八的信息，如：找不到 funding、存在多少漏洞(vulnerabilities) 什么的。如下所示：寻思着，出现这些问题的原因，应该是一些 不太重要的依赖包 更新了版本 或 迁移了地址，导致之前的 Vue-CLI 找不到 对应的版本 或 依赖包地址了。虽然暂时没发现这些错误对项目的运行和打包有啥影响，但是一句
转载
2021-05-10 18:17:13
905阅读
2评论
样例新建项目后，package.json 下的 script "scripts": { &q
原创
2023-02-22 11:04:47
234阅读
前言在上篇中我们知道了 Vue 实例初始化时，调用 initState 方法将实例上的属性和方法进行绑定和数据劫持，之后会调用 created 钩子函数，并进入 $mount 挂载阶段。Vue.prototype._init = function(options) {
// ...
initState(vm);
initProvide(vm); // resolve pro
转载
2021-01-22 22:58:36
433阅读
2评论
9.vue-cli9.1.介绍和安装在开发中，需要打包的东西不止是js、css、html。还有更多的东西要处理，这些插件和加载器如果我们一一去添加就会比较麻烦。幸好，vue官方提供了一个快速搭建vue项目的脚手架：vue-cli使用它能快速的构建一个web工程模板。官网：https://github.com/vuejs/vue-cli安装命令：npm install -g vue-cl...
原创
2022-03-04 15:27:53
188阅读
Face your past without regret. Handle your present with confidence.Prepare for future without fear. keep the faith and drop the fear.
面对过去无怨无悔，把握现在充满信心，备战未来无所畏惧。保持信念，克服恐惧！一点一滴的积累，一点一滴的沉淀，学技
原创
2021-08-10 17:02:15
506阅读
9.vue-cli9.1.介绍和安装在开发中，需要打包的东西不止是js、css、html。还有更多的东西要处理，这些插件和加载器如果我们一一去添加就会比较麻烦。幸好，vue官方提供了一个快速搭建vue项目的脚手架：vue-cli使用它能快速的构建一个web工程模板。官网：https://github.com/vuejs/vue-cli安装命令：npm install -g vue-cl...
原创
2021-08-18 10:49:50
619阅读
Vue2 源码阅读(二) new Vue()做了什么
介绍加载Vue资源后Vue做了哪些事情以及new Vue()做了什么。1. 前言vue版本：2.6.11vue仓库：https://github.com/vuejs/vuevue文档：https://cn.vuejs.org/ 2. 加载Vue在我们调用new Vue()初始化之前，Vue自身做了如下操作： 1) stateMi
转载
2020-09-17 17:08:00
225阅读
2评论
