美文网首页
Vue的极简模式

Vue的极简模式

作者: lydia56 | 来源:发表于2018-05-14 13:55 被阅读0次

    仅仅是在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的极简模式

          本文链接:https://www.haomeiwen.com/subject/jyoddftx.html