Question

我是vue.js的新手并看到了这段视频

https://www.youtube.com/watch?v=LsoLfELhG74

你说可以做什么

<style scoped>
</style>

来定义样式，但这是我将其嵌入到html页面中。如果我链接到.css文件怎么办？你怎么能保持css的范围呢？

由于

Answer 1

您可以在样式标记中添加override func viewDidLoad() { super.viewDidLoad() let loginButtonGradient = createBlueGreenGradient(from: loginButton.bounds) self.loginButton.layer.insertSublayer(loginButtonGradient, at: 0) let signUpButtonGradient = createBlueGreenGradient(from: signUpButton.bounds) self.signUpButton.layer.insertSublayer(signUpButtonGradient, at: 0) loginButton.layer.cornerRadius = loginButton.frame.size.height / 2 loginButton.layer.masksToBounds = true signUpButton.layer.cornerRadius = signUpButton.frame.size.height / 2 signUpButton.layer.masksToBounds = true }属性，如下所示：

GET https://www.googleapis.com/drive/v3/about

Answer 2

首先创建一个样式/scss/_variables.scss之类的scss文件，在该_variables.scss文件中导入所需的样式，例如$ bg-color：red;

下一次在所需的.vue文件中导入该scss文件。

<style lang="scss">
 @import "../styles/scss/_variables.scss";
 .msg {
        background-color: $bg-color;
      }
</style>

如何在vue.js中做scoped外部css？

2 个答案: