小白初入前端之Vue.js的学习之路——vue学习第二弹
【摘要】 之前第一篇博客发布了学习Vue的心路历程和第一个非常小白的记事本程序,其中包含了Vue的事件触发v-on和内嵌文本v-text。虽然小白,但是从这个小例子已经可以看出Vue的强大之处,它适用MVVM模式,不需要获取节点来操作dom,只需要更新数据,dom就会自动更新。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能力太差。有大神解决回复就很感谢了。
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)