day09 vue.js起步
作者:
老婆日向雏田 | 来源:发表于
2019-03-06 20:49 被阅读0次
Vue核心:采用简洁的模板语法来声明式地将数据渲染进DOM
<div id="app">
<p>{{message}}<p>
<p v-bind:title="messa">鼠标悬浮时显示title,此时title被Vue绑定了messa(v-表示他们是Vue提供的特殊属性)</p>
</div>
<script>
new Vue({
el: '#app', ## //注意不能漏掉#
data: {
message: 'hello', ## //方式一:元素内数据渲染
messa: '悬浮显示title' ## //方式二:元素属性数据渲染
//(区于模板渲染(<input value="{{message}}" />)
// 属性绑定必须用v-bind: (<input v-bind:value="message" />))
}
});
</script>
本文标题:day09 vue.js起步
本文链接:https://www.haomeiwen.com/subject/juffpqtx.html
网友评论