vuejson对象转数组_如何使⽤Vue.js渲染JSON中定义的动态
组件
使⽤Vue.js，渲染动态组件⾮常容易，我们可以根据其名称来使⽤对应的组件和布局来渲染内容。
下边是⼀个需要渲染内容的JSON数据
循环输出content body数组
使⽤动态组件
翻阅到Vue官⽅⽂档中动态组件那⾥，知道我们需要使⽤component组件，然后把组件名字传递给它的:is属性，这样就可以渲染出名字对
应的组件内容。
vuejson转对象
创建组件，并在使⽤之前引⼊，声明
我们创建两个组件，⼀个是components/Foo, 另⼀个是components/Bar。下边以Foo组件为例：
创建之后，就可以引⼊到App.vue组件中，可以组件中声明，也可以全局声明Foo组件。
App.vue
最终效果
相关⽂章：
如何在Vue Router中应⽤中间件构建Vue.js组件的10个技巧Vue.js应⽤性能优化⼀
Vue.js应⽤性能优化⼆
Vue.js应⽤性能优化三

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。