zoukankan      html  css  js  c++  java
  • vue.js 声明式渲染

    Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统:

    <div id="pm"> {{message}} </div>

    var vm = new Vue({

      el:'#pm',  //在哪里(where)

      data:{     //做什么(what)

        message:'我变成这句话了'

      }

    })  //而不需要关心如何实现(how)

     现在数据和DOM已经被建立了关联,所有东西都是响应式的,只需要在js控制台修改pm.message的值,就会自动更新了。

    还可以绑定元素的attribute

    <div id='pm' v-bind:title='message'>将鼠标停于此处</div>

    var pm = new Vue({

      el:'#pm',

      data:{

        message:'页面加载于'+new Date().toLocaleString()

      }

    })

    这样当把鼠标悬停于该文本元素处,就会提示该页面的加载时间。

  • 相关阅读:
    hdu 1257 贪心
    hdu 4301 简单DP
    hdu 4221 贪心
    hdu 4223 排序
    hdu 4217 树状数组+二分搜索
    hdu 2899
    hdu 1312
    hdu 1258
    hdu 3276
    hdu 3274
  • 原文地址:https://www.cnblogs.com/1016391912pm/p/12511830.html
Copyright © 2011-2022 走看看