vue的数据绑定

学习插值语法和指令语法。

 

vue的插值语法是这个形态 {{name}}，一般放在标签中的内容部分。

 

vue的指令语法是在这样的  <a v-bind:href="https://www.baidu.com">  点击链接去百度 </a>，一般是在标签前内部。

        这是单向绑定 v-bind:  也可以简写为 <a :href="https://www.baidu.com"></a> ,数据的单向绑定。

        还有一种数据的双向绑定，但是只能用来绑定含有value的。

        如：<input type="text" v-model:value="xxx"> 也可以简写为 <input type="text" v-model="xxx">

 

 

vue实例对象的基本构造：

    <script type="text/javascript" >

        Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。

        new Vue({

            el:'#root',

            data:{

                name:'王炜程',

            }

        })      

    </script>