Vue全局API-extend扩展实例构造器
2020-04-12 本文已影响0人
PZcoder
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>
