1.scoped样式冲突
<style scoped>
/*
1.style中的样式 默认是作用到全局的
2.加上scoped可以让样式变成局部样式
组件都应该有独立的样式,推荐加scoped(原理)
-----------------------------------------------------
scoped原理:
1.给当前组件模板的所有元素,都会添加上一个自定义属性
data-v-hash值
data-v-5f6a9d56 用于区分开不通的组件
2.css选择器后面,被自动处理,添加上了属性选择器
div[data-v-5f6a9d56]
*/
div{
border: 3px solid blue;
margin: 30px;
}
</style>
2.data是一个函数
每次创建新的组件实例,都会执行一次data函数,得到一个新对象
<script>
export default {
// data() {
// console.log('函数执行了')
// return {
// count: 100,
// }
// },
data: function () {
return {
count: 100,
}
},
}
</script>
先写到这里了,转战算法,等我csp150及格再来肝
今天是10月2号:
上个月就考完csp了,180,是我们考场第二个跑掉的。
接下来继续更新,为了之后的毕业设计准备准备