小白初入前端之Vue.js的学习之路——vue学习第二弹

之前第一篇博客发布了学习Vue的心路历程和第一个非常小白的记事本程序，其中包含了Vue的事件触发v-on和内嵌文本v-text。虽然小白，但是从这个小例子已经可以看出Vue的强大之处，它适用MVVM模式，不需要获取节点来操作dom，只需要更新数据，dom就会自动更新。Vue高度封装，那么对于我这样会一点后端，前端小白的人来说上手会很快，但是原理完全不清楚，基础不牢，有点空中楼阁的感觉。那么对于急于做项目的同学来说，可以直接用，然后回过头来慢慢学习，对于不急的同学可以跟着华为这次的0基础学习web前端来打基础，完了再学习Vue。其实我觉的这两种方式都可以，我是前者，嘎嘎。

说了这么多的废话，我先来说一下昨天华为的web前端的html对我以前半吊子知识的一个补充（主要是常用标签）：

第三章 常用标签

第一节 基本结构：

增加了对<!doctype>的理解。

第二节 标题

知道了h标签只到h6的知识

第三节 段落

以前就会

第四节 结构标签

其实一直不懂，div块级独占一行，span内联标签。

第五节 链接

空标签的奇怪知识

第六节 图片

alt、title、width、height的一些新增知识，以前不求甚解，现在基本掌握

第七节 列表

自定义列表，以及type属性

好的，说完type属性，我们回过头来看Vue，今天新增加v-model的知识，它其实是将文本框（input标签）的内容和Vue实例的属性相关联的用法，我说不清楚，大家看官网，哈哈。这里就会报工作。上次写的代码直接拷贝的，看起来不好看，我以为会和markdown一样，结果没有，希望改进。这里贴照片。代码上传附件。其中css完全使用的todolist网站的，即css/index.css。

这里有2个bug，加了框线的代码解决了，但是实质上并没有解决，实在解决不了。原因就在于我之前说的，空中楼阁，debug能力太差。有大神解决回复就很感谢了。