zoukankan      html  css  js  c++  java
  • vue.js 第二课

    实现响应的数据绑定和组合的视图组件。
    让数据与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化布局:
  • 相关阅读:
    「Poetize7」Freda的访客
    「Poetize8」Divisible
    「Poetize5」Vani和Cl2捉迷藏
    1082. 员工的重要度
    1080. 最大的岛
    1079. 连续子串计数(经典)
    1078. 数组的度
    1071. 词典中最长的单词
    1068. 寻找数组的中心索引
    1062. 洪水填充(经典)
  • 原文地址:https://www.cnblogs.com/gaidalou/p/6189287.html
Copyright © 2011-2022 走看看