作者：一个字-刘斌 | 来源：互联网 | 2023-12-12 19:55
vue官方说的异步组件方式
1
2
3
| Vue.component('async-webpack-example', function (resolve) {
require(['./my-async-component'], resolve)
}) |
我按这个做法webpack打包的时候不会报错
但是页面上会提示错误
Uncaught TypeError: Cannot read property 'call' of undefined
我的代码
1
2
3
4
| Vue.component('my-component', function (resolve, reject) {
require(['./components/cp-cropper/cp-cropper2.vue'], resolve()
)
}) |
不懂怎么回事..
顺便我还想问个问题，使用局部注册组件的时候：
1
2
3
| components: {
'my-component': require('./components/cp-cropper/cp-cropper.vue')
}, |
页面上我用了一个DIV来放置这个cp-cropper.vue的组件，并且开始我用v-if将其不显示
按官方对v-if的说法只有第一次显示才会编译、渲染。
那是不是意味着页面刚加载的时候，我上面的cp-cropper.vue以及这个vue里面引用的js并没有加载进来
只有我每一次点击的时候才会加载，之后我再隐藏、再显示，都不会重复加载
那是不是这样就已经算是需加载了？？？
关于这个问题我自己有做个简单的测试，在cp-cropper.vue随便console个东西，确实只有第一次点击的才会console，但是怕自己有误解，我想确认一下
京公网安备 11010802041100号