第四天课程

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，是我们考场第二个跑掉的。

接下来继续更新，为了之后的毕业设计准备准备