Vue 2.0学习笔记

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部分之前,我们先看看模板。

Vue 2.0学习笔记:自定义指令

在Vue中为了更好的操作DOM元素,其内置了一些指令,比如v-modelv-ifv-showv-textv-htmlv-forv-bind等。除此之外,Vue也允许注册自定义指令。这些自定义指令可以说我们对普通DOM元素进行底层操作。比如@SARAH DRASNER写的一篇有关于Vue自定义指令的文章,简单易懂。今天自己也仔细撸了一下Vue中怎么实现自定义的指令。

Vue 2.0的学习笔记: Vue中的响应式

上一节学习了Vue中的代理,知道了Vue中代理数据和方法,今天我们接着来了解Vue中的响应式。我们将使用上一篇中的示例来继续介绍Vue中响应式相关的知识。同样的,将大部分的时间用在浏览器的控制台上。

Vue 2.0的学习笔记: Vue中的代理Proxy

通过一段时间的学习,我们知道如何直接访问数据属性、方法、计算属性和观察者,而这些都没有任何的前缀。现在,我们终于可以更详细地了解一下这幕后发生了什么?

Vue 2.0的学习笔记: Vue实例和生命周期

Vue实例是进入Vue的第一步,创建一个Vue的实例也是学习Vue的起点。实际上,Vue框架的入口就是Vue实例,其实就是框架中的View Model,它包含页面中的业务处理逻辑、数据模型等,它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。Vue实例虽然没有完全遵循MVVM模型,但Vue的设计无疑受到了它的启发。那么我们就从MVVM模型的概念开始,进入有关于Vue实例和生命周期的学习之旅行。

Vue 2.0的学习笔记:在Vue中使用样式

到目前为止,学习Vue的时候也写了相当的示例,但老实说,这些示例在视觉上并没有什么吸引人的地方。今天我们将学习如何将样式运用到我们的元素中,让事情变得更加有趣。首先我们将通过将内联样式添加到HTML的元素中,其实也就是我们以前所说的内联样式。其实在学习v-bind的时候,我们已经或多或少的接触了,如何给元素添加内联样式或者绑定类名添加样式。但这可能不够系统,为了更好的学习这方面的知识,这篇文章专门是学习这方面知识而做的笔记。希望对和我一样的初学者有所帮助。

页面

返回顶部