没有合适的资源?快使用搜索试试~ 我知道了~
关于vue.extend和vue.component的区别浅析
0 下载量 92 浏览量
2020-08-29
16:55:24
上传
评论
收藏 53KB PDF 举报
温馨提示
试读
2页
最近工作中遇到了vue.extend,vue.component,但二者之间的区别与联系是什么呢?下面这篇文章主要给大家介绍了关于vue.extend和vue.component区别的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
资源推荐
资源详情
资源评论
关于关于vue.extend和和vue.component的区别浅析的区别浅析
最近工作中遇到了vue.extend,vue.component,但二者之间的区别与联系是什么呢?下面这篇文章主要给大家
介绍了关于vue.extend和vue.component区别的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
前言前言
最近一个朋友问我vue.extend和vue.component两者之间有什么区别?突然这么一问竟答不出来,回来想想有必要总结下,所
以本文就来给大家介绍关于vue.extend和vue.component的区别,下面话不多说了,来一起看看详细的介绍吧。
Vue.extend 返回的是一个“扩展实例构造器”,也就是一个预设了部分选项的 Vue 实例构造器
var myVue = Vue.extend({
// 预设选项
}) // 返回一个“扩展实例构造器”
// 然后就可以这样来使用
var vm = new myVue({
// 其他选项
})
Vue.component 是用来全局注册组件的方法,其作用是将通过 Vue.extend 生成的扩展实例构造器注册(命名)为一个组件,
可以简单理解为当在模板中遇到该组件名称作为标签的自定义元素时,会自动调用类似于 new myVue 这样的构造函数来生成
组件实例,并挂载到自定义元素上,当然实际情况要比这复杂得多,还需要处理 props 数据传递、slot 内容分发、自定义事
件、组件生命周期……事宜。
在网上看到了一个网友的分析也分享给大家,如下:在网上看到了一个网友的分析也分享给大家,如下:
extend 是构造一个组件的语法器.
你给它参数 他给你一个组件 然后这个组件
你可以作用到Vue.component 这个全局注册方法里, 也可以在任意vue模板里使用<apple>组件
var apple = Vue.extend({
....
})
Vue.component('apple',apple)
你可以作用到vue实例或者某个组件中的components属性中并在内部使用apple组件
new Vue({
components:{
apple:apple
}
})
Vue.component 你可以创建 ,也可以取组件 例如下
var apple = Vue.component('apple')
new Vue
资源评论
weixin_38648309
- 粉丝: 5
- 资源: 902
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 测试aaaaaaabbbbb
- VID20240521070643.mp4
- Android系统原理与开发学习要点详解-培训课件.zip
- 部署yolov8的tensorrt模型支持检测分割姿态估计的C++源码+部署步骤.zip
- 以简单、易用、高性能为目标、开源的时序数据库,支持Linux及Windows, Time Series Database.zip
- python-leetcode面试题解之第198题打家劫舍-题解.zip
- python-leetcode面试题解之第191题位1的个数-题解.zip
- python-leetcode面试题解之第186题反转字符串中的单词II-题解.zip
- 一个基于python的web后端高性能开发框架,下载可用
- python-leetcode面试题解之第179题最大数-题解.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功