1.使用vue.js
2.使用组件化修改todo-list
3.生命周期钩子
4.模板语法
5.计算属性
6.直接用方法计算(计算属性有缓存,效率更高)
对象绑定
数组绑定
:style
:style 数组
v-if和v-show区别
v-if和v-else必须一起使用
错误使用
加了key值后input就是唯一的
v-for
对象这样直接操作是没有问题的
在根组件中的data是{}格式,但是在自组件中不行
在自组件中的data必须是一个函数,而且还要返回值,因为自组件不会像根组件只调用一次,自组件会调用多次
在vue中如何获取dom,可以利用ref属性获取,那么在div中得到的是
中的值hello world,但是在组件中呢?
在组件中用ref得到的就是组件中的引用data值
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/77c45b1d63e19a1e6ff5627a0a8d1056.png#pic_center)
在组件中用ref得到的就是组件中的引用data值
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/f5b18c1daf8f2a6f55459aa22bd04358.png#pic_center)