打卡：第一天
耗时：断断续续3天的碎片时间，实际耗时4h上下
疑问：
-
vue devtools 怎么安装 ---上网查指南
-
开发环境下压缩版本是指什么版本 ---生产环境版本
-
CLI自带的热重载、lint校验是啥 ---上网查
遇到的问题：
1、Error in v-on handler: "TypeError: this.message.split is not a function"
- 问题根因：split()方法只支持对字符串做，上面给的参数是数值类型
- 解决办法：传一个字符串类型的值（better：搞一个类型转换）
知识点：
-
【vue】v-bind：将这个元素节点的attribute 和 Vue 实例的property 保持一致
-
使用：v-bind : 标签属性="vue data中属性"
-
使用位置：html标签中
-
【vue】v-if：控制元素是否显示，绑定到 DOM结构
-
使用：v-if = "vue data中属性"
-
使用位置：html标签中
-
【vue】v-for：可以绑定数组的数据来渲染一个项目列表
-
使用：和列表搭配使用（ul/ol）
-
使用位置：html标签中：v-for = "xx in data中数组变量名称"：
-
{{xxx.数组中属性}} ：使用位置在（li）的内容区域
-
【vue】v-on：添加一个事件监听器，通过它调用在 Vue 实例中定义的方法
-
使用：v-on:事件（如click）="vue methods 定义的方法名称"
-
使用位置：一般放置在有操作型的标签内
-
【vue】v-model：实现表单输入和应用状态之间的双向绑定。
-
使用v-model = "vue data中属性"
-
使用位置：一般和表单绑定，如input，标签内
-
再在需要绑定输出的内容区域使用 {{}} 引用vue data中属性
-
【js】 new Date().toLocaleString()：获取当前时间，格式为年/月/日 时:分:秒
-
【js】 split('')
-
【js】 reverse()
-
【js】 join('')
-
【js】 console.time("")/timeEnd("") ：计时
