溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下vue給組件加css樣式的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！
vue給組件加css樣式的方法：首先在【.vue】文件中設置相關代碼；然后新建【index.js】文件，并建立對應的【record.scss】文件即可。
vue給組件加css樣式的方法：
首先，在.vue文件中設置如下：
<template src="./record.html"></template> <script src="./record.js"></script> <style src="./record.scss"></style>
新建index.js文件，如下：
import record from './record.vue'; export default record;
建立相對應的record.html、record.js、record.scss的文件，就可以了，拿.js來說：
// -- NAME --
const name = 'record';
// -- DATA --
const data = function () {
return {
};
};
// -- COMPUTED --
const computed = {
};
// -- COMPONENTS --
const components = {
}
// -- WATCH --
const watch = {
};
// -- METHODS --
const methods = {
};
// -- HOOKS --
function mounted() {
}
// == EXPORT ==
export default {
name: name,
data: data,
components: components,
computed: computed,
watch: watch,
methods: methods,
mounted: mounted
};另一種方法可以直接引用：
<template> <div>html</div> </template> <script src="./***.js"></script> <style src="./***.css"></style>
形式多樣，但根本思想都是分離獨立文件，引入加載
看完了這篇文章，相信你對vue給組件加css樣式的方法有了一定的了解，想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
