vue的入門

想要學習vue框架，第一步首先要在vue官網下載vue.js，而後引入到Hbuilder中

引入以後，首先要先建立一個vue實例對象

var ve = new Vue({})

而後在該實例中添加屬性，分別是

el屬性：指定佈局中的id，該id對應的標籤內部的全部元素均可以被該實例控制，超出則失效

data屬性：vue中用來提供數據源的

methods屬性：爲vue對象設置函數的

var ve = new Vue({
     el:"#id",
     data:{
    
},
     methods:{

}
});

下面介紹vue中的指令

vue指令：把vue實例中的屬性繪製（渲染）到元素標籤中

{{}}指令：做用：可以識別數據源中的數據（能夠訪問vue中的指令）輸出對象的屬性以及函數的返回值

v-text指令：繪製文本，相似於原生js中的innerText

v-html指令：能夠繪製文本，元素，以及註釋節點

vue中的屬性綁定指令v-bind，用法：v-bind：屬性名，簡寫 :(：屬性名）

v-model雙向數據綁定，理解：輸入框綁定了數據的值，同時，數據源綁定了輸入框的值，因此，當輸入框的內容發生改變時，使用過該數據源的地方，就會從新渲染

事件綁定指令v-on，用法：v-on：時間名，簡寫方式:(@事件名)

v-for指令：遍歷數組或者對象，同時建立DOM元素節點