Vue 数据绑定

数据 绑定

案例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>