Vue 数据绑定

标签：baidu el www Vue name 绑定 数据

数据 绑定

案例1：

   <div id="app">

        <h1>
            <a :href="url">{{name}}</a>
        </h1>

    </div>

    <script>         new Vue({             el: '#app',             data: {                 name: '百度',                 url: 'http://www.baidu.com',             }         })     </script>

 

案子2：

 

    <div id="app">
        <h3>             <a :href="url">{{name}}</a>         </h3>         <hr>         <h3>             {{abc.toUpperCase()}}         </h3>     </div>

    <script>         new Vue({             el: '#app',             data: {                 name: '百度',                 url: 'http://www.baidu.com',                 abc:'chen'             }         })     </script>

 

标签：baidu,el,www,Vue,name,绑定,数据
From： https://www.cnblogs.com/bingxing/p/16597257.html