第一个（报错问题解决了，样式也生效了，不能使用scoped）：
在app.vue里引入其它位置的scss文件，这个scss文件里使用
@for $i from 1 through 12 {
.flex-#{$i} {
display: flex;
flex: $i;
}
}
第二个问题：
自定义子组件有错误提示：
如子组件：test.vue
view
33333
slot /slot
view
父组件引入子组件
test
11111111
/test
此时能正常显示1111111，但浏览器黄色警告：
Failed to resolve component: test
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
而且子组件内的其它内容不显示（如33333不显示），但父组件里的内容能显示。
第三个：
自定义子组件slot区不生效（此问题解决，父组件用v-slot="header"）：
如子组件：test.vue
view
32231333
header
slot name="header" /slot
/header
/view
父组件引入子组件
test
template v-slot:header
h1>Here might be a page title</h1
/template
/test
此问题解决了，但子组件里的其它默认内容均不显示（如32231333不显示），而且也一直有上面的黄色警告提示。
有问 (作者)
谢谢，我试了，但是也不生效不知道为什么。直接使用slot不使用template生效，但还会显示黄色警告。
2022-03-16 14:09
y***@qq.com
回复 有问: VUE3.0改了·可以看看VUE3.0的文档
2022-03-16 14:13
有问 (作者)
回复 y***@qq.com: 额，那个，我就是看了不管用才来问的。说不定是BUG。咳。。。我有个另外的项目直接用html和vue3.js写都管用。
2022-03-16 14:19