资讯专栏INFORMATION COLUMN

vue 动态渲染多个不同的组件

baukh789 / 3517人阅读

摘要:组件动态使用,比较忙,简单发下图片,如有使用到的后续再详细整理注需求是根据后台传参,渲染出对应的不同的多个组件。

vue 组件动态使用,比较忙,简单发下图片,如有使用到的后续再详细整理
注:需求是根据后台传参,渲染出对应的不同的多个组件。

1、template 中写入 如果一个页面中引入多个相同组件,需要注意组件中含有的id名不能重复

2、当前vue文件中引入组件(多个),此处只用一个为例

3、注册组件(多个)

4、data中添加属性coms, 从后台拿到数据后赋值给coms

上面的4步做完,前端对后台数据处理下(如有需要),这样动态渲染多个不同组件,就可以实现了。如有转发请贴出处--

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/101183.html

相关文章

  • vue 前端项目技术选型、开发工具、周边生态

    摘要:有目录结构书写方式组件集成项目构建等的约束,整个应用中是没有文件的,所有的响应都是动态渲染的,包括里面的元信息路径等。更多参考细说后端模板渲染客户端渲染中间层服务器端渲染开发工具开发时主要会用到的工具。 vue 前端项目技术选型、开发工具、周边生态 声明:这不是一篇介绍 Vue 基础知识的文章,需要熟悉 Vue 相关知识 主架构:vue, vue-router, vuex UI 框...

    Awbeci 评论0 收藏0
  • vue 前端项目技术选型、开发工具、周边生态

    摘要:有目录结构书写方式组件集成项目构建等的约束,整个应用中是没有文件的,所有的响应都是动态渲染的,包括里面的元信息路径等。更多参考细说后端模板渲染客户端渲染中间层服务器端渲染开发工具开发时主要会用到的工具。 vue 前端项目技术选型、开发工具、周边生态 声明:这不是一篇介绍 Vue 基础知识的文章,需要熟悉 Vue 相关知识 主架构:vue, vue-router, vuex UI 框...

    enali 评论0 收藏0
  • VUE2.0学习笔记

    摘要:添加事件侦听器时使用模式。只当事件是从侦听器绑定的元素本身触发时才触发回调。差别在哪里将特性名转换为从开始支持语法糖,会扩展成一个更新父组件绑定值的侦听器。如果需要条件渲染多个元素,可以使用包裹。 1.前言 安装 直接用 引入(本地或者cdn) npm npm install vue vue-cli官方脚手架 # 全局安装 vue-cli $ npm install --glo...

    pumpkin9 评论0 收藏0
  • VUE知识点集锦

    摘要:载入前后在阶段,实例的和都初始化了,但还是挂载之前为虚拟的节点,还未替换。类似于,不同在于提交的是,而不是直接变更状态可以包含任意异步操作。 vue基础 1、 router 路由与 a 标签的区别:https://www.jianshu.com/p/34b...2、 VUE双向绑定的原理: 答:VUE实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个...

    Tecode 评论0 收藏0
  • VUE知识点集锦

    摘要:载入前后在阶段,实例的和都初始化了,但还是挂载之前为虚拟的节点,还未替换。类似于,不同在于提交的是,而不是直接变更状态可以包含任意异步操作。 vue基础 1、 router 路由与 a 标签的区别:https://www.jianshu.com/p/34b...2、 VUE双向绑定的原理: 答:VUE实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个...

    APICloud 评论0 收藏0

发表评论

0条评论

baukh789

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<