上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

韩城网站制作【韩城网站优化】韩城建网站、韩城微信公众号运营、韩城网页设计、韩城微信小程序商城

韩城市，陕西省辖县级市，渭南市代管。位于陕西省东部黄河西岸，关中盆地东北隅，北依宜川，西邻黄龙，南接合阳，东隔黄河与山西省河津、乡宁、万荣等县市相望，距省会西安240余千米，总面积1621平方千米。 [1]  2019年，韩城市下辖2个街道、6个镇 [3]  。户籍总人口39.702万人。

韩城历史悠久，夏、商时期以“龙门”代称。西周称韩（侯）国，后为梁（伯）国。春秋战国为少梁邑。秦惠文王十一年（前327）置夏阳县。隋开皇十八年（598）改称韩城县。其后有多次变更。后唐明宗天成元年（926）复名韩城县，此后再无变更。 [2] 

韩城是国家食品安全示范城市 [18]  、国家卫生城市 [19]  、中国优秀旅游城市 [41]  、重大市政工程领域PPP创新工作重点城市 [42]  、中国特色农产品优势区 [12]  。

2018年，韩城市地区生产总值369.0亿元，其中，第一产业增加值22.5亿元，第二产业增加值252.8亿元，第三产业增加值93.7亿元，三次产业结构为6.1：68.5：25.4，人均生产总值92244元。 [4] 

概述

基于vue3.x开发插件，封装使用插件
请关注我们的官方组件基于vue3.0无ts实现zmz-ui3组件库

问题

在vue2.0中我们常常使用Vue.extend构造器来载入对象挂载到dom树之上。
而在vue3.0中我们发现Vue.extend消失不见了,

解决

vue3.0中，我们发现官方提供的createApp，通过这个api,我们可以把我们创建的dom树通过mount应用api来挂载，而我们可以通过如下方式：

let app = createApp(组件对象);app.mount(element)

这个element节点必须存在我们才能挂载，就如入口main.js中的渲染实例挂载到#app上一样，所以我们要先生存标签再去挂载dom节点如下方式：

container = document.createElement('div')；container.className = 'zmz-loadingbar'；let app = createApp(组件对象);app.mount(container)

我们运行以后发现，怎么没有变化，是不是产生了很多问号。
这样是因为我们虽然创建的dom节点，但是我们没有把它渲染，所以我们要把我们创建的div标签，className为zmz-loadingbar标签的渲染到我们想要的地方，这里我们这个组件是一个全局的所有我们渲染到了与#app平级的地方如图

我们在指定的执行方法中挂载

container = document.createElement('div')container.className = 'zmz-loadingbar'app = createApp(LoadingBar)app.mount(container)document.body.appendChild(container)

而后在我们指定的地方进行组件卸载

app.unmount(container)document.body.removeChild(container)container = null

我们在vue2.0中发现组件的挂载通过Vue.extend返回函数对象，通过$mount就可以获取dom树，而vue3.0插件中我们必须要指定一个地方去提供挂载。

而我们createApp实例可以在挂载之前执行如下api:

component（注册）config（配置）directive（指令）mixin（混入）mount（挂载）provide（注入）unmount（卸载）use（安装插件）

韩城网站制作【韩城网站优化】韩城建网站、韩城微信公众号运营、韩城网页设计、韩城微信小程序商城

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）