首页 > Web开发 > 详细

vue.js 声明式渲染

时间:2020-03-17 17:14:13      阅读:63      评论:0      收藏:0      [点我收藏+]

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

 

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

 

var pm = new Vue({

  el:‘#pm‘,

  data:{

    message:‘我变成这句话了‘

  }

})

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

 

还可以绑定元素的attribute

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

 

var pm = new Vue({

  el:‘#pm‘,

  data:{

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

  }

})

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

 

vue.js 声明式渲染

原文:https://www.cnblogs.com/1016391912pm/p/12511830.html

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