怎么样在.vue文件中引入本地css,js

怎么样在.vue文件中引入本地css,js并且 作用域只在一个组件
代码是别人写的,现在要转vue,原html

img

使用 @import url() 进行引入,具体如下:
假设有组件在 src/pages/test.vue,有 css 文件在 src/assets/test.css
在 test.vue 中代码如下即可

...

<style scoped>
@import url('../assets/test.css');
</style>

很多种吧,简单的,在Vue文件中import (css文件的路径),想了解具体细节的话,可以看一下Vue官网

如果是在index.html引入的话,把静态文件放到static目录下,如果在vue文件引入用@import