vue demo

发布时间:2017-7-9 7:22:15编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"vue demo ",主要涉及到vue demo 方面的内容,对于vue demo 感兴趣的同学可以参考一下。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script src="traceur.js"></script>    <script src="BrowserSystem.js"></script>    <script src="bootstrap.js"></script>    <script src="vue.js"></script></head><script  type="text/traceur">window.onload=function(){    Vue.config.devtools = true;        var parent = {        data(){            return {                a:10,            }        },        template: '<div @click="pc" >---parent{{a}} -- , <child v-on:increment="incrementTotal" :m.sync="a"></child></div>',        methods:{            pc:function(){                this.a += 0;            },            incrementTotal:function(){                //alert(12344444);                //this.a = -100;            },        },        components:{            "child":{                data(){ // data:function(){  简写                    return {                        b:'def',                        c:0,                    }                },                props:['m'],                mounted(){                    this.c = this.m;                },                template:'<div @click="cc">child child,<strong>{{typeof m}},{{m}},{{c}},</strong><i>,{{b}},</i></div>',                methods:{                    cc:function(){                        //this.b += 2;                        this.c += 200;                        this.m += 100;  //不建议直接操作m,                        //alert(789);                        //this.$emit('increment');                        //alert(456);


上一篇:Centos之关机和重启命令
下一篇:web前端面试题系列:(一)

相关文章

关键词: vue demo

相关评论

本站评论功能暂时取消,后续此功能例行通知。

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

好贷网好贷款