怎么实现从数据库中取出代码创建vue组件实例?
怎么实现 ?
vue 组件单独用webpack 打包,将打包后输出的文件内容保存到数据库中,后续在取出重新创建成vue组件,渲染在浏览器上。实现vue组件模板化,动态添加到模板列表中。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
vue 组件单独用webpack 打包,将打包后输出的文件内容保存到数据库中,后续在取出重新创建成vue组件,渲染在浏览器上。实现vue组件模板化,动态添加到模板列表中。
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(2)
按你的需求,只要是组件化,不一定要放到数据库里,建议将组件全局注册,然后用 v-for 列表渲染 + 动态组件方式即可。
左侧是所有可选组件,右侧使用一个对象数组表示所添加的组件及数据,每个对象元素包含组件名、数据参数
从数据驱动的角度,拖拽相当于往对象数组中添加元素,设置组件名称及默认数据。
右侧对对象数组进行列表渲染,每个对象对应一个 component,is 值绑定到组件名,其他数据对应绑定即可。
Vue.compile