标签： Vue

Vue——initRender【八】

前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initRender进行剖析，参数合并完成之后就开始了初始化生命周期。 initRender initRender位于src/core/instance/render ...

谈谈 Vue toRef 和 reactive

reactive reactive 创建一个深层的对象的响应式代理，即对象根属性以及嵌套对象的属性都是响应式的。 之所以嵌套对象也是响应式的，是因为对于嵌套对象，将递归地转换为响应式。结构赋值结构了第一层的属性，那么第一层属性就了失去响应式，但其嵌套下的对象还是响应式的。 // 解构赋值 const ...

万字血书Vue—Vue的核心概念

MVVM M：模型（Model）：data V：视图（View）：模板 VM：视图模型（ViewModel）：Vue实例对象 Vue收到了MVVM模型的启发，MVVM是vue实现数据驱动视图和双向数据绑定的核心原理，通过ViewModel监听DOM和数据源的变化。 Object.defineProp ...

万字血书Vue-Vue进阶

Vue进阶 生命周期 组件运行的过程 组件的生命周期是：组件从创建->运行（渲染）->销毁的整个过程，是一个时间段 如何监听组件的不同时刻 vue框架为组件内置了不同时刻的生命周期函数，是他在关键时刻帮我们调用的一些特殊名称的函数，生命周期函数会伴随着组件的运行而自动调用。 created函数 组件 ...

万字血书Vue—Vue语法

模板语法 插值语法 Mustache插值采用{{ }}，用于解析标签体内容，将Vue实例中的数据插入DOM中 <h1>Hello {{name}}</h1> 指令语法 指令用于解析标签，是vue为开发者提供的一套模板语法，辅助开发者渲染页面的基本结构。 （指令是vue开发中最基础、最常用、最简单的知 ...

万字血书Vue—走近Vue

Vue是什么？ Vue是一套用于构建用户界面的渐进式JavaScript框架 构建用户界面：用vue往html页面中填充数据 渐进式：Vue可以自底向上逐层的应用，从轻量小巧核心库的简单应用，到引入各式各样插件的复杂应用。 框架：一整套现成的解决方案，遵守框架的规范，学习框架，就是学习框架中的规定用 ...

Vue框架快速上手

Vue框架快速上手 前端环境准备 编码工具：VSCode 依赖管理：NPM 项目构建：VueCli Vue框架介绍 Vue是一套用于构建用户界面的渐进式框架。 Vue.js提供了MVVM数据绑定和一个可组合的组件系统，具有简单、灵活的API。 其目标是通过尽可能简单的API实现响应式的数据绑定和可组 ...

vue-router的两种模式

hash 和 history 区别： 外观上：hash的路由在url中带有#号 功能上： hash虽然在url中，但是请求不会包裹它，对后端不会产生任何影响，改变hash不会重新加载页面。 history是利用了html5 history interface中新增的pushState()和repla ...

vue的生命周期——（10大生命周期）

vue生命周期一般为8个，特殊时期为10个 beforeCreate: //发生在页面完成初始化，组件创建之前，数据尚未挂载 created：//发生在组件创建完成时，数据已挂载，可以在此调用接口查数据，防止页面抖动。 beforeMount：//发生在组件挂载之前 mounted：//发生在组件挂 ...

Vue——initLifecycle【五】

前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们详细的了解下具体的内容；这块建议搭建可以根据 demo 进行 debugger 来观察； 内容 这一块主要围绕init.ts中的initLifecycle进行剖析。 initLifecycle initLifecycle的方法位于 ...