美文网首页
day09 vue.js起步

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