vue简介

本文旨在对vue进行简单的介绍:

vue的目标:通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件

vue的特点:vue是以数据驱动和组件开发为基础构建的。主要是通过一些特殊的HTML语法,将DOM和数据绑定起来。一旦创建了绑定,DOM将和数据保持同步,每当变更了数据,DOM也会相应地更新。可以省去手动操作DOM的部分。

Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库.

MVVM:module ,view ,viewmodule.

在这个模型中viewmodule是vue的核心,通过viemodule,view中的DOM的数据变化通过Dom listeners 可以被module所感知。module中的data 发生变化时也会通过data blind来改变view中的DOM 元素。这样便实现了双向数据绑定。

组件:组件可以扩展 HTML 元素,封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用。

    组件间的数据的传递:父组件是使用 props 传递数据给子组件,但如果子组件要把数据传递回去,就需要使用自定义事件。(注意自定义组件和自定义事件两者区别)

vue主要的指令:

  • v-if指令
  • v-show指令
  • v-else指令
  • v-for指令
  • v-bind指令

  指令的主要逻辑与程序的表达式是相似的,有编程基础的童鞋可以大致猜到指令的意思。(详细用法请参考:http://www.runoob.com/vue2/vue-if.html)

事件处理器:

  事件处理器意即需要在事件发生后对事件进行处理,以下指令会对事件进行处理。

  v-on指令:用于事件监听。(还有一种$emit(eventName)是用于触发事件。)

自定义指令:

vue的基础入门教程请参考:http://www.runoob.com/vue2/vue-tutorial.html    

今天先写到这里,以后在拓展。

  

posted @ 2017-05-31 00:50  路漫漫曾  阅读(271)  评论(0)    收藏  举报