Vue 2.0学习笔记

Vue 2.0学习笔记:Vue的render函数

前几天想学学Vue中怎么编写可复用的伟德1946手机版,提到要对Vue的render函数有所了解。可仔细一想,对于Vue的render函数自己只是看了官方的一些介绍,并未深入一点去了解这方面的知识。为了更好的学习后续的知识,又折回来了解Vue中的render函数,这一切主要都是为了后续能更好的学习Vue的知识。

Vue 2.0学习笔记:Vue.extend构造器的延伸

前段时间花了不少的时间在学习和了解Vue的伟德1946手机版,虽然中间浅尝了Vue伟德1946手机版的基础,体验了其魅力,但还是有很多深层的东西未掌握,也还不能非常灵活的使用Vue的伟德1946手机版。但这一切并不重要,随着后面的学习,我想会对Vue越来越熟悉。这两天在看Vue中的Vue.extend构造器,今天简单的对这方面的东西做个笔记。

Vue 2.0学习笔记:Vue伟德1946手机版内容分发(slot)

在实际项目开发当中,时常会把父伟德1946手机版的内容与子伟德1946手机版自己的模板混合起来使用。而这样的一个过程在Vue中被称为内容分发。也常常被称为slot(插槽)。其主要参照了当前Web Components规范草案,使用特殊的<slot>元素作为原始内容的插槽。今天主要来学习如何在Vue中使用slot的功能。

Vue 2.0学习笔记:不同场景下伟德1946手机版间的数据通讯

通过前面的学习,对于Vue中伟德1946手机版的数据交流有了一定的了解。实际上在Vue中不同场景之下伟德1946手机版之间的数据通讯是不一样的,在业务中常见的伟德1946手机版通讯的场景主要有父子伟德1946手机版之间的通讯、兄弟伟德1946手机版间的通讯和全局伟德1946手机版的通讯等三种。只不过全局伟德1946手机版的通讯不是我们这章要阐述的范围,他涉及到Vuex。接下来分别看看父子伟德1946手机版和兄弟伟德1946手机版之间的通讯方式和实现方法。

Vue 2.0学习笔记:实现伟德1946手机版数据的双向绑定

通过上一节的学习,我们了解到了在Vue的伟德1946手机版中数据传递:prop向下传递,事件向上传递。意思是父伟德1946手机版通过prop给子伟德1946手机版下发数据,子伟德1946手机版通过事件给父伟德1946手机版发送消息。但Vue中,props是单向数据绑定,虽然在Vue 1.0版本中,通过.sync能实现双向数据绑定。但.sync在几个版本中被移除,尽管在2.3版本重新引入.sync修饰符,可这次引入只是作为一个编译时的语法糖存在。如果直接使用.sync修饰符来做双向数据绑定,会报警告信息。那么我们如何在伟德1946手机版中实现双向数据绑定呢?这一节我们就来学习这方面的相关知识。

Vue 2.0学习笔记:伟德1946手机版数据传递

通过上一节中的学习,咱们了解了在Vue中怎么创建伟德1946手机版和使用伟德1946手机版。在项目中使用伟德1946手机版,目的一般就是提高代码复用率,增强模块化,从而降低开发成本。在文章结尾处,我们提到了Vue中组合伟德1946手机版,就是A伟德1946手机版中包含了B伟德1946手机版。而伟德1946手机版与伟德1946手机版之间的相互使用避免不了数据之间的传递。那么Vue中伟德1946手机版的数据是如何传递的呢?这就是这一节将要了解和学习的内容。

Vue 2.0学习笔记:创建Button伟德1946手机版

上一节中,咱们学习了Vue中怎么创建伟德1946手机版。在这篇文章中我们以按钮伟德1946手机版为例,了解了怎么注册全局伟德1946手机版和局部伟德1946手机版。并且通过这些基础知识,可以轻易的创建类似于HTML中button元素效果的按钮伟德1946手机版。但这个伟德1946手机版非常的简陋,和我们想像的伟德1946手机版相差甚远。那么今天我们来看看,怎么在Vue中创建一个按钮伟德1946手机版。

Vue 2.0学习笔记:伟德1946手机版的使用

从这一节开始正式进入对Vue 2.0伟德1946手机版的系统学习。在Vue中,伟德1946手机版是最强大的功能之一。而且Vue伟德1946手机版涉及到的知识点也非常的多,比如伟德1946手机版的使用,prop、事件、slots以及动态动组等等。在一节的内容中无法全部涵盖这些知识点。所以将会分几节内容来整理Vue伟德1946手机版中的学习笔记。

Vue 2.0学习笔记:使用Vue创建Modal伟德1946手机版

Modal弹框在Web应用或者Web页面上非常常见,很多时候在不同的项目都会重写这样的一个Modal弹框。为了能偷懒,思考了一下,能不能写一个伟德1946手机版,比如说使用Vue创建一个伟德1946手机版,一个Modal伟德1946手机版,让其能在各个Web页面或者应用上使用。在这篇文章中,学习一下如何使用transitionslots来创建可重用的Modal伟德1946手机版。

Vue 2.0学习笔记:使用$refs访问Vue中的DOM

通过前面对Vue的学习,到现在我们很有必要进一步了解Vue实例中的一些特殊的属性和方法。首先要了解的是$refs属性。但是在深入到JavaScript部分之前,我们先看看模板。

页面

返回顶部