根據官網的文檔，我在學習Vue.js的過程中，我選擇的是開發版本的Vue.js（提供調試信息，能事半功倍）。
1.Vue.js的v-cloack,v-text,v-html,v-bind,v-on等指令的作用記錄如下，
v-cloack:解決出現插件符號的問題
V-text:會覆蓋節點上的的值
{{}}：不會覆蓋節點上的值
V-html:解析成網頁代碼，而不是字符串
V-bind:綁定屬性 ，縮寫‘：’
v-on：綁定事件，縮寫‘@’
2.test:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
[v-cloack]{
display: none;
}
</style>
</head>
<body>
<!--
v-cloack:解決出現插件符號的問題
V-text:會覆蓋節點上的的值
{{}}：不會覆蓋節點上的值
V-html:解析成網頁代碼，而不是字符串
V-bind:綁定屬性 ，縮寫‘：’
v-on：綁定事件，縮寫‘@’
-->
<div id="app">
<p v-cloack>--{{msg}}--</p>
<p v-text="msg">----</p>
<p v-html="myhtml"></p>
<input type="button" name="" id="" value="submit" :title='mybtn' @click="showMsg" />
</div>
<script type="text/javascript">
var app=new Vue({
el:'#app',
data:{
msg:'hello Vue!',
myhtml:'<h3>this is title</h3>',
mybtn:'this is btn'
},
methods:{
showMsg:function(){
alert('test is over!')
}
}
})
</script>
</body>
</html>