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
今天先写到这里,以后在拓展。
浙公网安备 33010602011771号