Vue的极简模式

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

上一篇:Vue1.0常用语法


下一篇:【原】ios打包ipa的四种实用方法(.app转.ipa)