vue
文章平均质量分 93
小白超神
这个作者很懒,什么都没留下…
展开
-
Vue实例的源码解析 (实例二)
实例二该实例的模板如下: <div id="app"> <mycom></mycom> <div></div> </div> <script> var vm = new Vue({ el:'#app', data:{ message:123 },原创 2021-08-16 09:36:08 · 1166 阅读 · 0 评论 -
Vue实例的源码解析 (实例一)
Vue实例的源码解析接下来我将用两个例子来讲解一个vm实例从无到有再到渲染页面的过程,可能比较复杂,望君能沉静下来。这里只讨论了关于实例的创建以及虚拟节点的创建和挂载部分,并没有讨论生成实例后的数据处理部分。关于数据处理部分我会在后续的文章中详细介绍。示例一:示例一的代码如下:<body> <div id="app"> <span>{{message}}</span> </div> <scri原创 2021-08-16 09:34:28 · 2685 阅读 · 0 评论 -
VUE prop详解 学习笔记
10.1 通过prop向子组件传递数据props的概念的产生源于我们要向子组件传值。有时候,我们希望子组件能够使用到父组件的某些值(前提是不改变父组件的值),此时Vue就为我们提供了一种方式,利用prop。prop是一个概念,prop就是我们注册在props中的值。我们来看一个实例:props:["title","name"]title,name就是一个个的prop。<parent-component> <child-component :title="mytitle"原创 2020-10-14 17:06:02 · 903 阅读 · 1 评论 -
JS vue中.sync修饰符详解 学习笔记
.sync修饰符其实讲起来并不是那么容易的,他是一个多种操作的语法糖。首先我们来看.sync是来解决什么问题的。根据官方文档的表示,.sync是用来解决prop的双向绑定的问题的。其实这个说法也不是很准确,.sync是一个操作的语法糖,而那个操作实现了prop的双向绑定。我们都知道如果我们可以直接通过props向子组件去传递数据,供子组件使用,但是我们不能更改prop,此时,这就形成了一个单向的数据流动。有时候我们有这样的需求,我们传给子组件的数据需要被子组件修改,然后父组件更新为最新的数据。我们不能直原创 2020-10-02 10:27:27 · 1178 阅读 · 0 评论