心神沫沫的收藏

单向数据流数据从父级组件传递给子组件，只能单向绑定。子组件内部不能直接修改从父级传递过来的数据。<section id="app"> <custom-component :count="count"></custom-component></section>Vue.component("custom-component

本文基于 Vue.js 2.1.10基础知识在讲源码之前，我们了解一些阅读源码过程中必备的基础知识：Object.defineProperty，观察者模式，Watcher，Dep 以及 Observer 类。Object.definePropertyVue.js 在官网中提到：把一个普通 Javascript 对象传给 Vue 实例的 data 选项，Vue 将遍历此...

上一节学习了Vue中的代理，知道了Vue中代理数据和方法，今天我们接着来了解Vue中的响应式。我们将使用上一篇中的示例来继续介绍Vue中响应式相关的知识。同样的，将大部分的时间用在浏览器的控制台上。<div id="app"> <h1>Hello! {{ firstName }}</h1></div>let app = new V...

虽然我们通常知道在应用程序中构建大多数视图（View）时需要哪些组件（Component），但很多时候我们并不知道这些组件在运行时是什么。这意味着我们需要基于应用程序状态、用户首选项或API的响应来构建一个页面。一个常见的情况是构建动态表单，其中需要整清楚的是：组件是由JSON对象配置的，还是基于用户的答案而更改的字段来构建。所有现代JavaScript框架（比如我们熟悉的Vue、React等...

前言使用Vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，所以这次特意花了几晚时间查阅资料和阅读相关源码，自己也实现一个简单版Vue的双向绑定版本，先上个成果图来吸引各位：效果图：是不是看起来跟Vue的使用方式差不多？接下来就来从原理到实现，从简到难一步一步来实现这个SelfVue。由于本文只是为了学习和分享，所以只是简单实现下原理，并没有...

前几天想学学Vue中怎么编写可复用的组件，提到要对Vue的render函数有所了解。可仔细一想，对于Vue的render函数自己只是看了官方的一些介绍，并未深入一点去了解这方面的知识。为了更好的学习后续的知识，又折回来了解Vue中的render函数，这一切主要都是为了后续能更好的学习Vue的知识。回忆Vue的一些基本概念今天我们学习的目的是了解和学习Vue的render函数。如果想要更好的...

特别声明，本文转载@茄子翻译@ANTHONYGORE的《7 Ways To Define A Component Template in Vue.js》一文，如需转载，烦请注明原文出处：英文：https://vuejsdevelopers.com/2017/03/24/vue-js-component-templates译文：https://laravel-china.org/artic...

特别声明，本文转载@熊建刚的《从JavaScript属性描述器剖析Vue.js响应式视图》一文，如需转载，烦请注明原文出处：https://my.oschina.net/u/3451529/blog/918996学习每一门语言，一般都是从其数据结构开始，JavaScript也是一样，而JavaScript的数据结构中对象（Object）是最基础也是使用最频繁的概念和语法，坊间有言，Java...

v-model指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。但是 Vue 是单项数据流，v-model 只是语法糖而已。v-bind只是个单向绑定 v-model这个指令只能用在&lt;input&gt;, &lt;select&gt;,&lt;textarea&gt;这些表单元素上，所谓双向绑定，指的就是我们在js中的vue实例中的data与其...

原文：https://juejin.im/entry/5c8b1c756fb9a049de6e426b?utm_source=gold_browser_extension在Vue中，Vue模板对应的就是Vue中的View（视图）部分，也是Vue重中之一，而在Vue中要了解Vue模板我们就需要从两个方面来着手，其一是Vue的模板语法，其二就是模板渲染。Vue模板语法是Vue中常用的技术之一，除非...