理解vue_51CTO博客

理解vue代码

解释以下代码: 实现输入框中能够打字的功能 <el-input v-model="input" placeholder="在这打字"></el-input> <调用饿了么的input组件> <v-model就是vue的双向绑定的指令，能将页面上控件输入的值同步更新到相关绑定的data属性，也会在更新 ...

数据

控件

输入框

双向绑定

组件化

转载

mob60475705c8db

2021-09-07 11:26:00

124阅读

2评论

Vue Router 理解

route ，routes ， router 三者联系 route：首先它是单数，翻译为路由，即我们可以理解为单个路由或某一路由。routes：他是个复数，表示多个的集合才能为复数，即我们可以理解为多个路由的集合，JS中表示多种不同状态的集合的形式只有对象和数组，事实上官方定义routes是一个数组 ...

数组

对象数组

其他

转载

mb5fd86a050ef28

2021-09-27 16:11:00

223阅读

2评论

vue中组件是可复用的Vue实例，带有一个名字。我们可以在一个通过newVue创建的Vue根实例中，把这个组件作为自定义元素来使用，它们与newVue接收类似例如data、computed、watch、methods以及生命周期钩子这样相同的选项，一个应用会以一棵嵌套的组件树的形式来组织：个人理解组件可分为以下几类：1.接入型container2.展示型3.交互型比如各类加强版的表单组件，大部分的

vue

组件

原创

一条程序狗

2018-05-07 21:24:12

710阅读

1点赞

Vue 和MVVM理解

初学vue刚开始语法不是太难。但后面项目上用到的时候、真的是一脸蒙蔽、不知道怎么调用、在哪调、各个组件、入口、router什么用。下面是对vue和MVVM的一些理解1、说明：MVVM 是Model-View-ViewModel 的缩写，，核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，这就是数据双向绑定。Vue...

Vue 和MVVM理解

MVVM

数据

数据绑定

原创

sswqzx

2023-07-17 14:22:43

99阅读

vue原理简单理解

在理解原理之前先简要了解一些ES5的Object.defineProperty()方法。 1.Object.defineProperty() ECMAScript 5 为 JavaScript 添加了大量新的对象方法。 // 添加或更改对象属性 Object.defineProperty(objec

vue

原创

wx58f0846670609

2021-07-15 10:34:16

177阅读

vue 【详解】MVVM 理解

M —— Model 模型，即数据V —— View 视图，即DOM渲染VM —— ViewModel 视图模型，用于实现Model和View的通信，即数据改变驱动视图渲染，监听视图事件修改数据

vue.js

前端

数据

原创

朝阳39

2024-05-01 11:45:24

55阅读

理解vue数据驱动

vue是双向数据绑定的框架，数据驱动是他的灵魂，他的实现原理众所周知是Object.defineProperty方法实现的get、set重写，但是这样说太牵强外门了。本文将宏观介绍他的实现使用vue分析Object.defineProperty简单的源码解析一切从头开始数据驱动部分-观察者vue挂载到dom简述Watcher从宏观角度看问题通过案例进行分析vue数据驱动的前提看到的未必真实的看到的

vue

转载

mob604756f19185

2021-05-10 17:38:02

132阅读

2评论

理解Vue的设计思想实现vue

MVVM框架的三要素:数据响应式、模板引擎及其渲染数据响应式:数据变化并在视图中更新Object.def

数据

响应式

html

原创

前端进阶之旅

2022-03-25 15:40:14

147阅读

Vue(一)：创建Vue项目以及理解Vue目录

Vue(一)：创建Vue项目以及理解Vue目录本篇文章默认你已经配置好node.js环境。我使用的开发工具为vscode，所以的命令都是在vscode的终端里面运行。我也是第一次接触Vue，所以写这篇博客来记录一下，之后忘记了还可以翻阅一下，做个记录。由于是第一次学习这个，我会把我所遇到的问题的解决方法都上传到博客，方便查阅。有需要的朋友可以看我的博客Vue系列。在vscode终端里面使用命令和L

Vue

原创

偉

2021-05-20 15:22:30

538阅读

Vue组件化的理解

组件化是Vue的精髓，Vue应用就是由一个个组件构成的。Vue的组件化涉及到的内容非常多.当面试时被问到：谈一下你对Vue组件化的理解。这时候有可能无从下手，可以从以下几点进行阐述：定义：组件是可复用的Vue实例，准确讲它们是V ueComponent的实例，继承自Vue。优点：从上面案例可以看出组件化可以增加代码的复用性、可维护性和可测试性。使用场景：什么时候使用组件？以下分类可作为参考：通用组件：实现最基本的功能，具有通用性、复用性，例如按钮组件、输入框组件、布局...

vue.js

组件化

复用

可维护性

ide

原创

姚辉乾51CTO

2021-09-03 14:49:03

164阅读

Vue3学习理解

vue3 新特性整理的比较好的文档：https://www.jianshu.com/p/1fd73091e2e4 直接看代码可以直接看 "实践demo" ) 组合式 API vue3 中加入了组合式，这个功能的作用是将单个vue组件的，逻辑部分也能自由拆分组合，更深层次的实现解耦和高复用性 vu ...

响应式

数据

对象类型

应用实例

数据类型

转载

mob604756f61e6c

2021-10-11 13:34:00

173阅读

2评论

理解Vue和React区别

理解Vue和React区别 Vue和React相同点非常多：都使用Virtural DOM 都使用组件化思想，流程基本一致都是响应式，推崇单向数据流都有成熟的社区，都支持服务端渲染 Vue和React实现原理和流程基本一致，都是使用Virtual DOM + Diff算法。不管是Vue的tem ...

数据

函数式编程

响应式

解决方案

github

转载

mb5fed6ec4336ce

2021-10-21 17:48:00

246阅读

2评论

vue.component的理解

vue.component有计算属性data属性要注意 data必须是一个函数，返回一个对象，这样他就每次拷贝一份数据，这样就不会导致所有组件共享一个数据传值方法等等其实就相当于一个.vue文件相当于注册一个全局的组件，可以在父级组件引入<div id="faCounter"> <!--faCounter 就是组件元素counter的父元素，要把新建的v...

其他

原创

人生代码_公众号

2021-07-19 17:00:01

152阅读

vue中$children的理解

官网介绍 $children $children 获取当前实例的直接子组件。需要注意 $children 并不保证顺序，也不是响应式的。[特别重要] 如果你发现自己正在尝试使用 $children 来进行数据绑定，考虑使用一个数组配合 v-for 来生成子组件，并且使用 Array 作为真正的来

数据

数组长度

微信

原创

朦胧淡月

2023-01-08 00:16:41

461阅读

Vue中$nextTick的理解

Vue中$nextTick的理解 Vue中$nextTick方法将回调延迟到下次DOM更新循环之后执行，也就是在下次DOM更新循环结束之后执行延迟回调，在修改数据之后立即使用这个方法，能够获取更新后的DOM。简单来说就是当数据更新时，在DOM中渲染完成后，执行回调函数。描述通过一个简单的例子来演

执行栈

异步任务

数据更新

原创

WindRunnerMax

2022-05-28 00:48:16

197阅读

深入理解 Vue 组件

深入理解 Vue 组件组件使用中的细节点使用 is 属性，解决组件使用中的bug问题子组件定义data数据，data必须是个函数 Vue中的 ref 引用的内容 vue实现计数器功能父子组件间传值父组件向子组件传递数据子组件向父组件传值组件参数校验与非props特性组件参数校验组件

Vue

html

vue.js

插槽

原创

JKJSCERUIVIR

2022-06-23 12:24:37

168阅读

深入理解vue组件

使用组件的细节点is属性：有些html标签如table，ul，ol，select对哪些标签可以出现在其内部是有着严格的要求的。因此当这些标签内部出现了自定义组件，有可能会被作为无效的内容提升到外部，导致页面渲染出错。而是用is属性则可以解决这个问题，在子级标签中用is属性来使用自定义组件。子组件中的data必须是一个函数，并且返回一个对象，当一个组件被多次使用的时候，组件间的数据不会相互影响

vue组件

转载

mb6004f88aa04b6

2021-01-21 10:11:59

249阅读

2评论

理解Vue数据响应式

什么是数据响应式Vue.js 一个核心思想是数据驱动。所谓数据驱动，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作 DOM，而是通过修改数据。——《Vue.js 技术揭秘》拿Vue官方教程举例来说，在Vue中我们只需要改变data中的price，页面会立马自动做出响应来显示更新后的数据。而不是像使用原生JS需要许多DOM操作才能完成。Vue是怎样监听到数据的改变让视图立马做出响应的呢？

Vue数据响应式

转载

mb6013bd7dd84a6

2021-01-30 20:53:08

527阅读

2评论

VUE的MVVM的理解

VUE的MVVM的理解 MVVM 是 Model-View-ViewModel的缩写，即将数据模型与数据表现层通过数据驱动进行分离，从而只需要关系数据模型的开发，而不需要考虑页面的表现，具体说来如下： Model代表数据模型：主要用于定义数据和操作的业务逻辑。 View代表页面展示组件（即dom展现 ...

数据

数据模型

数据绑定

用户交互

关系数据模型

转载

mb5fd86a050ef28

2021-08-09 17:03:00

249阅读

2评论

理解Vue的计算属性

计算属性是一个很邪门的东西，只要在它的函数里引用了 data 中的某个属性，当这个属性发生变化时，函数仿佛可以嗅探到这个变化，并自动重新执行。上述代码会源源不断的打印出 b 的值。如果希望 a 依赖 data 中的 x 而变化，只需保证 a 函数中有 this.x 即可。如果函数中没有出现 dat

缓存

数据

sed

时间戳

调用方法

转载

mb5ff40b968831d

2018-04-27 21:31:00

139阅读

2评论

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

理解vue

理解vue代码

Vue Router 理解

vue 组件的理解

Vue 和MVVM理解

vue原理简单理解

vue 【详解】MVVM 理解

理解vue数据驱动

理解Vue的设计思想实现vue

Vue(一)：创建Vue项目以及理解Vue目录

Vue组件化的理解

Vue3学习理解

理解Vue和React区别

vue.component的理解

vue中$children的理解

Vue中$nextTick的理解

深入理解 Vue 组件

深入理解vue组件

理解Vue数据响应式

VUE的MVVM的理解

理解Vue的计算属性

Vue组件化的理解

vue之mvvm的理解

Vue中$refs的理解

Vue ref 深入理解

vue template接收参数 vue中template理解

理解vue中$watch使用

理解Vue的Watch原理

如何理解vue的computed？

Vue 理解MVVM设计模式