Vue的极简模式

2018-05-14  本文已影响0人  lydia56

仅仅是在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)//删除第一个元素

上一篇下一篇

猜你喜欢

热点阅读