學習Vue的第一天
覺得身為後端程式員，以後必不可免都需要接觸到前端，後端程式員至少也需要具備一種資料互動的手段，是以從今天開始，學習Vue來彌補短闆
| 标簽 | 效果 |
| v-cloak | 在文本标簽中使用 v-cloak 能夠解決插值表達式閃爍的問題 |
| v-text=“msg” | 預設使用v-text沒有閃爍問題，但是會覆寫标簽中的内容 |
| v-html=“msg” | 與text一樣，但是text無法編譯内容中的标簽，html可以 |
| v-bind:title=“msg1” | 是Vue提供的用于綁定屬性的指令,v-bind中可以書寫合法的JS表達式 |
| :title =“msg1” | 與v-bind:title是同樣的效果 |
| v-on=“msg” | 事件綁定機制 |
Vue的使用
<body>
<div id="app">
<p v-cloak>{{msg}}</p>
<p v-text="msg"></p>
<p v-html="msg1"></p>
<input type="button" value="按鈕" v-bind:title="msg +'123'"></input>
<input type="button" value="按鈕" v-on:click="show"></input>
</div>
<script src="vue.js"></script>
<script>
var vm = new Vue({
el:"#app"//某個div的id
data:{
msg:'123',//{{msg}}可以使用插值表達式獲得值
msg1:'<h4> 222 </h4>',
}
methods:{//在methods裡定義所有可用的方法
show:function(){
alert('Hello')
}
}
})
</script>
</body>
![vue項目：npm打包-S和-D差別：[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)