Vue.extend

发表于 | 分类于 | 评论数：

因为还没学组件所以下面的将是一个简单的扩展实例构造器的小栗子，一般情况下扩展实例构造器是要和组件一起使用的

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<body>
<!-- 最好写id形式，不要直接用标签 -->
    <div id="author"></div>
    <script>
    //定义扩展构造器
       var authorUrl = Vue.extend({
           template:'<p><a :href="authorUrl">{{authorName}}</a></p>',
           data:function(){//在Vue.extend里的data必须是函数
               return{
                   authorName: 'liuxue',
                   authorUrl:'https://snowFlakeXue.github.io'
               }
           }
       });
       //挂载（.$mount）到一个元素上
       new authorUrl().$mount('#author');
    </script>
-------------本文结束感谢您的阅读-------------