Vue 挂载和移除组件

最新推荐文章于 2024-06-20 15:58:33 发布

Xiner_queen

最新推荐文章于 2024-06-20 15:58:33 发布

阅读量860

点赞数

分类专栏： JavaScript语法 vue 文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/Nick_wing/article/details/130810953

版权

vue 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

JavaScript语法

3 篇文章 0 订阅

订阅专栏

该代码示例展示了如何在JavaScript中使用Vue.js进行组件的挂载和取消挂载操作。首先，通过`document.getElementById`获取容器元素，然后利用Vue的扩展功能创建并挂载组件到指定容器。取消挂载时，移除容器的第一个子节点，即已挂载的组件。

摘要由CSDN通过智能技术生成

//挂载组件
let container = document.getElementById('containerID')  //containerID要挂载在哪里          
const comp = new (Vue.extend(CompName))({ propsData: props }).$mount() //CompName组件名
container.appendChild(comp.$el) //挂载组件


//取消挂载
let container = document.getElementById('containerID')
container.removeChild(container.childNodes[0])