vue.js 的核心是一个,允许采用简洁的模板语法来声明式将数据渲染进 DOM 的 系统。
<div id = "app">
{ { message } }
</div>
let app = new Vue({
el : ' #app ',
data: {
message : ' Hello Vue! '
}
})
绑定元素的特性
<div id ="app-2">
<span v-bind:title="message">
鼠标悬停几秒钟查看此处动态绑定的提示信息!
</span>
</div>
let app2 = new Vue({
el : '#app-2',
data: {
message: '页面加载于' + new Date().toLocaleString();
}
})
条件与循环
<div id = "app-3">
<p v-if = "seen">现在你看到我了</p>
</div>
let app3 = new Vue({
el : '#app-3',
data :{
seen : true
}
})