vue 混合

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

<!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">    // 定义一个混合对象    var myMixin = {      created: function () {        this.hello()      },      methods: {        hello: function () {          console.log('hello from mixin!')        }      },      render: function (createElement) {        return createElement(          'h' + this.level,             this.$slots.default        )      },      //template:'<h3>我是标题33</h3>',    }    // 定义一个使用混合对象的组件    var Component = Vue.extend({      mixins: [myMixin],      //template:'<h3>我是标题55</h3>'    });    //var component = new Component({        //template:'<h3>我是标题55</h3>',    //}) // -> "hello from mixin!"    Vue.component('aaa',Component);    /*new Vue({      el: '#demo',    });*/</script><body>    <div id="demo">        <aaa>renderrender</aaa>    </div>    </body></html>


上一篇:复旦大学2016--2017学年第二学期(16级)高等代数II期末考试第六大题解答
下一篇:Yarn任务提交流程(源码分析)

相关文章

关键词: vue 混合

相关评论

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

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

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

好贷网好贷款