双向数据绑定是 Vue 的一大亮点和重点，这里讲解一下原理并且重写一遍。版本为 2.x 。

学习笔记 2020-10-12

学习笔记 2020-10-11

写给两年前的自己

今天是 2020 年 10 月 11日，一个平平无奇的周日。6点没到就难受地醒了过来，拔洗衣机水管时又记错了方向，喷了自己一身的水。17号就要体测，我还有点小焦虑。

学习笔记 2020-10-10

决定从今天开始每天记录当日学习所得。

Vue笔记 ④

📃 正文

① Vue 单文件组件

1.1 style 中的 scoped

在 Vue 的单文件组件中，有 template , script, style 三种标签。其中的 style 有一个 scoped 属性。在文档中的解释为

当 style 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装。

实际产生的效果为，当前页面的某些元素都会生成一个独特属性，而我们写的样式都会匹配这个独特的属性来保持不被其余组件影响。

Vue笔记 ③

📃 正文

① Vuex 对象

1.1 vuex 中的 state

创建 vuex 实例对象时，传入一个包含 state 属性的对象，表示该 store 对象包含的全局状态，可以理解为全局属性，即其余组件都可以访问的共享数据。

state: {
  data: something
}
{{$store.state.data}}

Vue 笔记 ②

📃正文

①父子组件传值

1.1 子组件访问问题

在 vue 中，子组件访问父组件的值是需要经过特定的操作的。
我很好奇，为什么不能够直接访问，按理说，嵌套关系是应该可以访问到父作用域的值的。

Vue 笔记 ①

🤪碎碎念

说好假期再看 vue 的，结果还是没忍住哈…

简易计算器制作+优化过程

🤪碎碎念

其实学了蛮久 js 的，但是一直没有尝试过用 js 去动手写一些小东西。
碰巧在某个学习平台看到了计算器的制作，顺手记录一下。

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

一些关于CSS的tip

• margin 值的百分比是相对于父元素的 width 。
• 三角形的制作利用 width height 为0 然后设置 border 。
• 气泡的制作