Vue.js:插入文本和绑定元素属性
Lasted 2020-01-11 09:54:17
Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统:
插入文本
HTML:
<div id="app">
{{ message }}
</div>
JS:
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
绑定元素
HTML:
<div id="app-2">
<span v-bind:title="message">
鼠标悬停几秒钟查看此处动态绑定的提示信息!
</span>
</div>
JS:
var app2 = new Vue({
el: '#app-2',
data: {
message: '页面加载于 ' + new Date().toLocaleString()
}
})