day09 vue.js起步

2019-03-06  本文已影响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>
上一篇下一篇

猜你喜欢

热点阅读