App.vue:
<template>
<h1>App父级组件</h1>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
// 引入子组件Chind
import Chind from './components/Chind.vue'
export default defineComponent({
name:'App',
// 注册组件
components: {
Chind,
}
})
</script>
Chind.vue:
<template>
<h1>Chind子级组件</h1>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
name:'Chind',
})
</script>
运行指令:
npm run serve
报错信息:
第二个报错的解决方法:
关闭语法检查,vue.config.js中添加一句 lintOnSave: false
const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
transpileDependencies: true,
lintOnSave: false, //关闭语法检查
});
如果 lintOnSave: false 不起作用,那就把ESlint插件禁用,再重启VSCode,肯定好使。