element-UI
单个复选框check-box选中的值一定要是布尔值,不能是数字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后节点的data属性
样式表增加了属性选择器
由上可以看出，加了scoped属性之后，浏览器给组件中的每个节点添加了唯一的data属性，样式也添加了属性选择器，以此来保证组件样式模块化。
深度作用选择器deep
问题：给组件的样式加上scoped属性之后，修改组件内elementUI组件内的样式不会起作用
原因：使用 scoped 后，父组件的样式将不会渗透到子组件中
解决方法：使用深度作用选择器 /deep/来改变elementUI组件内部的样式
深度选择器
