vue.extend()学习
我准备把我 400多篇关于前端工作中的遇到的问题，都搬运到我的公众号上面了
vue.extend()方法其实是vue的一个构造器，继承自vue
使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。
data 选项是特例，需要注意 - 在 Vue.extend() 中它必须是函数
<div id="mount-point"></div>
// 创建构造器
var Profile = Vue.extend({
template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>',
data: function () {
return {
firstName: 'Walter',
lastName: 'White',
alias: 'Heisenberg'
}
}
})
// 创建 Profile 实例，并挂载到一个元素上。
new Profile().$mount('#mount-point')结果如下：
<p>Walter White aka Heisenberg</p>接下来，我们来用vue.extend()来实现以下
首先我们新建一个 hello.vue
<!--hello.vue-->
<template>
<div>{{text}}</div>
</template>
<script>
export default {
name: 'hello',
data () {
return {
text: ''
}
}
}
</script>接下来我们在同级新建一个 hello.js
本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2020-05-14，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
