扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
本篇文章为大家展示了extend怎么在Vue中使用，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。
1.在单文件组件中使用
这里需要注意几个点：
报错信息
如果有小伙伴遇到了这个问题，那么你导入的是
import Vue from 'vue'
这个时候只需要修改成即可解决问题
import Vue from 'vue/dist/vue.js'
在单文件组件中的挂载问题：
因为这里是通过获取节点的方式添加到某个元素内，所以一定要在钩子函数中挂载，确保当前页面的dom节点加载完成。
mounted(){
let divid=document.getElementById('about');
divid.appendChild(profile.$el)
}2.单独构建js文件
//index.js
import Vue from 'vue/dist/vue.js'
export default function Create(node){
var notiful=Vue.extend({
template:`{{name}}
`,
data(){
return {
name:"liuhuas"
}
}
})
var noti=new notiful().$mount();
document.getElementById(node).appendChild(noti.$el);
}创建完成后我们就可以在任何地方引入这个js文件 ，并执行Create方法，注意的是这里的Create方法里面也获取了dom，那么就需要在相应的钩子函数中去执行这个方法。
上述内容就是extend怎么在Vue中使用，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网