vue的自定义动态组件使用详解

来源：动视网责编：小采时间：2020-11-27 19:59:30

vue的自定义动态组件使用详解:这次给大家带来vue的自定义动态组件使用详解，使用vue自定义动态组件的注意事项有哪些，下面就是实战案例，一起来看一下。学习了Vue全家桶和一些UI基本够用了，但是用元素的方式使用组件还是不够灵活，比如我们需要通过js代码直接调用组件，而不是每次在页面

推荐度：

点击下载本文 文档为doc格式

导读vue的自定义动态组件使用详解:这次给大家带来vue的自定义动态组件使用详解，使用vue自定义动态组件的注意事项有哪些，下面就是实战案例，一起来看一下。学习了Vue全家桶和一些UI基本够用了，但是用元素的方式使用组件还是不够灵活，比如我们需要通过js代码直接调用组件，而不是每次在页面

也就是把所有的组件当插件提供：在main.js中加入下面的代码即可。

...
import VueResource from 'vue-resource'import Widgets from './Widgets/index.js'...
Vue.use(Widgets)

这样就很简洁了。

小结：通过Vue.extend和Vue.use的使用，我们自定义的组件更具有灵活性，而且结构很简明，基于此我们可以构建自己的UI库。以上来自于对Element源码的学习。

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐度：

点击下载本文 文档为doc格式

标签： VUE 动态自定义