vue基础

开发者工具：

实例化对象的两种方式：

一、new Vue({
           el:'#demo', 
           })
二、const vm = new Vue({
            v.$mount('#demo')
        })
   vm所有的属性以及vue原型上的属性，在vue模板中都可以直接使用。
​
   data的属性也都会出现在vm中。

---

data对象式：
data:{
name:'小欧同学'
}
data函数式：
 data:function(){
                return{
                    name:'小欧同学'
                }
            }
       
    

模板语法：

<a v-bind:href="url">点击跳转</a>
<!--简写-->
<a :href="url">点击跳转</a>
​
实例中的data
 data:{
        url:'XXXXXX'
       }

数据绑定：

       <!-- 容器-->
        <div id="demo">
                                            <!--普通写法-->
            <!--只可以从data到界面 -->
            单向数据绑定<input type="text" v-bind:value="name"><br/>
            <!--界面value变，data也会变，反之也可行 -->
            双向数据绑定<input type="text" v-model:value="name"><br/>
​
            简-单向数据绑定<input type="text" :value="name"><br/>
            简-双向数据绑定<input type="text" v-model="name">
        </div>