element-UI
單個復選框check-box選中的值一定要是布爾值,不能是數(shù)字1或者0
<template>
<!-- `checked` 為 true 或 false -->
<el-checkbox v-model="checked">備選項</el-checkbox>
</template>
<script>
export default {
data() {
return {
checked: true
};
}
};
</script>
CSS：scoped
問題：在不同的頁面都使用了同一個組件凶赁，但是由于同一個組件在不同的頁面有不同的樣式屋休，在頁面之間跳轉的時候，樣式會相互影響
解決方法：在style標簽中加上scoped屬性屎鳍，表示該樣式表只在當前組件起作用莉给。
組件添加scoped后節(jié)點的data屬性
樣式表增加了屬性選擇器
由上可以看出毙石，加了scoped屬性之后，瀏覽器給組件中的每個節(jié)點添加了唯一的data屬性颓遏，樣式也添加了屬性選擇器胁黑，以此來保證組件樣式模塊化。
深度作用選擇器deep
問題：給組件的樣式加上scoped屬性之后州泊，修改組件內(nèi)elementUI組件內(nèi)的樣式不會起作用
原因：使用 scoped 后，父組件的樣式將不會滲透到子組件中
解決方法：使用深度作用選擇器 /deep/來改變elementUI組件內(nèi)部的樣式
深度選擇器
