那如果在Vue3 里,写法是什么
时间: 2023-12-24 21:30:41 浏览: 121
3种vue组件的书写形式
在 Vue 3 中,由于使用了新的编译器,配置的方式有所不同。你需要在 `vue.config.js` 文件中使用 `configureWebpack` 选项来进行配置。
以下是在 Vue 3 中配置 `isCustomElement` 的示例代码:
```javascript
module.exports = {
// ...其他配置
configureWebpack: {
resolve: {
alias: {
vue: 'vue/dist/vue.esm-bundler.js'
}
},
module: {
rules: [
{
test: /\.vue$/,
use: 'vue-loader'
}
]
}
},
chainWebpack: (config) => {
config.module.rule('vue').use('vue-loader').tap(options => {
options.compilerOptions = {
isCustomElement: tag => tag.startsWith('van-')
}
return options
})
}
}
```
在这个配置中,我们首先使用 `resolve.alias` 来指定使用 `vue.esm-bundler.js` 版本的 Vue,然后通过 `module.rules` 添加 Vue Loader 的配置。
接下来,在 `chainWebpack` 中,我们通过链式调用来获取 Vue Loader 的规则,并使用 `tap` 方法修改选项。将 `compilerOptions` 设置为一个函数,以排除以 `van-` 开头的标签。
这样,在 Vue 3 中就可以正确地配置 `isCustomElement` 选项来解决 Vant 报错的问题。
阅读全文