vue常用命令v-on-创新互联

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>v-on</title>
    </head>
    <script type="text/javascript" src="js/vue.js" ></script>
    <script>
        window.onload = function(){
            //配置是否允许检查代码,方便调试，生产环境中设置为false
            Vue.config.devtools = true;  //检查代码
            Vue.config.productioinTip = false;  //有强迫症的，可以关掉生产中的提示信息
            let vm = new Vue({
                el: "#div1",
                data:{
                    arr: [1,2,3,4,5],
                },
                methods:{
                    show:function(){
                        console.log('这是show方法');
                    },
                    add:function(){
                        this.arr.push(999);  //this表示访问当前实例中的成员
                    }
                }
            });
        }
    </script>

    <body>
        <div id="div1">
            <button v-on:click="show()">show方法</button>
            <br>
            <button v-on:click="add()">向数组添加一个元素</button>
            <br>
            <br>数组：`arr`
            <br>
            <button v-on:mouseover="show()">鼠标经过</button>
            <br>
            <button v-on:dblclick="show()">鼠标双击</button>
        </div>
    </body>
</html>

创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都做网站、网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的化隆网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。