Vue的极简模式-阿里云开发者社区

开发者社区> 开发与运维> 正文

Vue的极简模式

简介: 仅仅是在html页里添加Vue的引用,就可以愉快的使用这些功能了 Vue的引用: 1.new Vue var app=new Vue({ el:'#mai

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章