Vue extend 学习

Posted Mr Zhu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue extend 学习相关的知识,希望对你有一定的参考价值。

    <div id="box">
        <aa></aaa>
    </div>

    <script>
        var Aaa = Vue.extend({
            data () {
                return {
                    msg: 我是数据信息
                };
            },
            template: <h1>{{msg}}</h1>

        });

        Vue.component("aa", Aaa);

        var vm = new Vue({
            el: "#box"
        });
        </script>
https://github.com/eteplus/vue-sui-demo

 

以上是关于Vue extend 学习的主要内容,如果未能解决你的问题,请参考以下文章

new Vue/Vue.Component/Vue.extend的区别

Vue.extend 有啥用?

Vue 基础知识之 Vue.extend

Vue深度学习- 组件

VSCode自定义代码片段1——vue主模板

VSCode自定义代码片段——.vue文件的模板