vue第一天

vue的程式碼結構：

1、先引入vue.js

<script src="vue.js"></script>

2、再寫檢視層

<div id="app">

{{msg}}

</div>

3最後例項化Vue()

el:控制的那一塊檢視，

data:存放資料，

methods:放入方法

var vm = new Vue({

el:"#app",

data:{

msg:"Hello word"

},

methods:{

}

})

插值表示式、 v-cloak 、 v-text、 v-html

在我們載入Vue之前會顯示 {{}} 內的元素    如果新增 v-cloak可以有效避免這種事情發生但是在使用之前需要在style內新增[v-cloak]{display:none}

v-text:會替換掉元素裡的內容

v-html:可以渲染html介面

v-bind是   介面元素屬性值的繫結

v-bind:title=""

也可以簡寫成

:title

v-on進行時間的繫結，用的最多的是click事件繫結

v-on:click=""

可以簡寫成@click

.stop可以組織冒泡事件

.capture新增事件監聽事件時使用事件捕獲模式

.prevent阻止預設事件長用於a標籤

.self只在事件在該元素本身時觸發回撥

.once事件值觸發一次

v-model資料雙向繫結

常用於表單

v-model:value="msg"

data:{

msg:"hello"

}

可以在檢視層修改後臺屬性