首页 > Web开发 > 详细

vue.js 第二课

时间:2016-12-17 11:41:04      阅读:229      评论:0      收藏:0      [点我收藏+]
实现响应的数据绑定和组合的视图组件。
让数据与Dom保持同步 。
在使用jq手工操作DOM时,我们的代码常常是命令式的、重复的、易错的。Vue.js拥抱数据驱动的视图概念。简单的讲,它意味着我们在普通的html模板中使用特殊的语法将DOM绑定到底层数据。一旦创建了绑定,DOM将与数据保持同步。每当修改了数据,DOM变响应的更新。这样我们应用中的逻辑就几乎可以直接修改数据了,不必担心与DOM更新搅在一起。这样我们的代码更易辨析、理解与维护。
 
1、v-if=“”判断指令;javascript中等于0就等于false。
 
技术分享
oApp.getting=0 消失
2、组件系统
组件系统是vue.js另一个重要概念。它提供了一种抽象,让我们可以用独立可复用的小组件来构建大型应用。如果我们考虑到这点,几乎任意类型的应用的界面都可以抽象化一个组件树。
3、定义模板、注册组件
技术分享
第一步: 自定义标签,;
第二步:通过vue.extend({template:真是的标签}),定义组件名字 ;
第三步:通过vue.component(‘自定义的标签名’,自定义的组件名),绑定关系;
4、旧网站变vue组件化
样式:
技术分享
旧网站布局:
技术分享
vue化布局:
技术分享

 

 

vue.js 第二课

原文:http://www.cnblogs.com/gaidalou/p/6189287.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!