学习vue的第一天

把你的疑惑写在前面:
组件本身是否能够有data()这样的函数???
计算属性缓存 vs 方法??
在这里插入图片描述
在这里插入图片描述

众所周知,我曾经学习过一点vue,对vue也算是略懂。
可惜士别三日,必然忘记,现在的我根本记不得vue是什么了,今天就是我学习vue的第一天。愿山河无恙,岁月静好,吾vue技术必有所成。
魏晋时期的杜预曾经有一篇文章,我的特别喜欢。
vue的安装方式,我最喜欢cdn,因为我不是在生产环境使用,使用cdn方便快捷。

然后粗略的过一下vue的教程目录。基本上比较简单,只有组件化这块我不太理解。所以重点就放在#组件化学习上。
在这里插入图片描述

组件化应用构建

在这里插入图片描述

应用 & 组件实例

https://v3.cn.vuejs.org/guide/instance.html#%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%BA%94%E7%94%A8%E5%AE%9E%E4%BE%8B

缩写:记住@和:这两个符号。
在这里插入图片描述

Class 与 Style 绑定

html上的class和style是决定样式的关键,我打赌你不能错过如此关键的内容。

条件渲染

v-if

v-show 只是通过css的display来进行区分

列表渲染

v-for item in items
在这里插入图片描述

事件处理

https://v3.cn.vuejs.org/guide/events.html#%E7%9B%91%E5%90%AC%E4%BA%8B%E4%BB%B6

事件修饰符
在这里插入图片描述

表单输入绑定

在这里插入图片描述
有人说v-model不过是语法糖,那么如何证明呢? 看源码
在这里插入图片描述

规模化

在这里插入图片描述

部分内容被我跳过了,如果后面遇到不清楚的地方,我应该回头再看vue的官方文档。


飘径梅英雪未融。芳菲消息到,杳梢红。隔年欢事水西东。凝思久,不语坐书空。
回想夹城中。彩山箫鼓沸,绮罗丛。钿轮珠网玉花骢。香陌上,谁与斗春风。宋代·贺铸《小重山》

posted @ 2022-05-03 11:46  叶常落  阅读(5)  评论(0编辑  收藏  举报  来源