Vue全局API-extend扩展实例构造器

extend扩展实例构造器

<body>
    <h1>vue.extend扩展实例构造器<h1>
    <hr>
    <author></author>
    <!-- 2.使用jquery类似的ID绑定 -->
    <div id="author"></div>

    <script type="text/javascript">
        var authorExtend = Vue.extend({
            template:"<p><a :href='authorURL'>{{authorName}}</p>",
            data:function(){
                return{
                    authorName:'jspan',
                    authorURL:"http://jspang.com",
                }
            }
        });
        
        //1.初始化构造器 可以是标签、class、ID等
        new authorExtend().$mount("#author");
        new authorExtend().$mount("author");
    </script>
</body>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。