僅僅是在html頁里添加Vue的引用，就可以愉快的使用這些功能了
Vue的引用：

<script src="https://unpkg.com/vue/dist/vue.js"></script>

1.new Vue

var app=new Vue({

el:'#main',data:{user:'test'},methods:{submit:function(){},getTarget:function(evt){evt.target;}}

})

2.{{name}}//{{name=='test'?'測試用戶':'管理員'}}

3.v-on:click='submit'//v-on:click='getTarget($event)'

4.v-model='name'

5.v-if

6.v-show

7.app.$data.user app.$options.motheds.**

8.v-bind:class={'active':user=="test"}//v-bind:value=user;v-bind:placeholder='[seen?"請輸入姓名":"請輸入公司名"]'

9.刪除數組元素app.$data.user.splice(0,1)//刪除第一個元素

總結

以上是生活随笔為你收集整理的Vue的极简模式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。