vue js入門

1、初步使用，引入node.js文件即可。

     引入數據與DOM綁定。

<div id="app">
  {{ message }}
</div>
<script>
var app = new Vue({ //每個vue.js的應用起步都是通過構造函數Vue創建一個vue的根實例

  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})
</script>

2、指令：帶有前綴v-,表示它們是vue提供的特殊屬性。職責：當其表達式的值改變時，相應的將某些行爲應用到DOM上。

      插值：

文本：{{msg}} mustache語法,綁定數據上的msg屬性發生改變，此處內容也會更新。 

	 	<p>{{msg}}</p>

   v-once指令，進行一次性賦值，數據改變時，插值處的值不會改變。

         	<p v-once>{{msg}}</p>

純html：v-html=""。  注意：你的站點上動態渲染的任意 HTML 可能會非常危險，因爲它很容易導致 XSS 攻擊。請只對可信內容使用 HTML 插值，絕不要對用戶提供的內容插值。

               屬性：v-bind:id=" " ,v-bind:disabled=" ",v-bind:title=" "，v-bind:href=" "

修飾符：以半角句號.指明特殊的後綴，指出一個指令應該以特殊方式綁定。

     條件與循環：v-if="seen" 在data裏面設置seen的值爲true或者false。

   v-for="todo in todos"  裏面的todos爲data裏面的數據。 {{todo.name}}

3、修改數據：app.key="新消息"；

     添加數據：如果key是一個數組  app.key.push({name:'新項目'});