码迷,mamicode.com
首页 > 其他好文 > 详细

【vue】跟着老马学习vue-数据双向绑定

时间:2017-08-06 23:12:48      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:webp   vue   样式   数据绑定   else   属性   href   tar   一段   

学习了node.js教程,只能说是有了一定的了解,之前也了解了webpack和es6的核心内容,也看过vue2.0的官网教程,并结合视频看过项目,但是理解和运用仍然存在很多问题,接下来的一段时间,跟着老马学习vue

学习链接:http://aicoder.com/vue/preview/all.html#1

vue最大的特点就在于它的双向绑定,是一个前端的双向绑定类的框架。

一说到vue我们就应该立刻想到以下几部分:1.数据双向绑定;2.列表渲染、条件渲染;3.事件处理;4.生命周期;5.组件化开发;6.路由;7.vuex

我们也将根据这7个部分进行学习。

1.数据双向绑定

彻底变革了之前Dom的开发方式。 所谓双向是指:HTML标签数据绑定到 Vue对象,另外反方向数据也是绑定的。通俗点说就是,Vue对象的改变会直接影响到HTML的标签的变化,而且标签的变化也会反过来影响Vue对象的属性的变化(通过文本框输入)。

绑定文本、绑定属性(简写)、显示原生html、样式绑定(绑定样式对象、绑定样式数组、内联样式绑定)、计算属性、自动响应的实现

2.列表渲染、条件渲染

v-if、v-else、v-for、Template循环渲染多标签

【vue】跟着老马学习vue-数据双向绑定

标签:webp   vue   样式   数据绑定   else   属性   href   tar   一段   

原文地址:http://www.cnblogs.com/yujihang/p/7296170.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!