![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue入门学习
文章平均质量分 56
yinfanfff
哈哈哈哈哈哈哈哈 是的 都是喜欢代码的哈哈哈哈
展开
-
vue学习日记22:非父子通信(拓展)-provide&inject
链接:https://www.bilibili.com/video/BV1HV4y1a7n4/?非响应式的数据页面展示的数据不改变,data数据改变。注:本人是根据黑马程序员的B站教程来学习的,原创 2024-04-16 15:10:22 · 283 阅读 · 0 评论 -
vue学习日记21:非父子通信(拓展)-event bus 事件总线
是一对多的关系。原创 2024-04-16 14:45:02 · 265 阅读 · 0 评论 -
vue学习日记20:记事本-组件版
链接:https://www.bilibili.com/video/BV1HV4y1a7n4/?把app.vue的代码拆分成如上三个格式 index.css建个文件夹保存进去 然后在app.vue里面引用。注:本人是根据黑马程序员的B站教程来学习的,TodoHeader.vue-- 添加。TodoMain.vue--删除。原创 2024-03-27 10:43:32 · 313 阅读 · 0 评论 -
vue学习日记19:props详解
app.vue。原创 2024-03-27 08:45:25 · 439 阅读 · 0 评论 -
vue学习日记18:data是一个函数&组件通信
相互独立互不影响 代码在资源里面哦置顶下载-----------------------------------------------------------------------------------------------------------------------------注:本人是根据黑马程序员的B站教程来学习的,链接:https://www.bilibili.com/video/BV1HV4y1a7n4/?spm_id_from=333.999.0.0本文章仅仅是个人学习笔记原创 2024-03-26 15:30:15 · 258 阅读 · 0 评论 -
vue学习日记17:scoped样式冲突
链接:https://www.bilibili.com/video/BV1HV4y1a7n4/?本文章仅仅是个人学习笔记 无任何其他用途 特此说明。注:本人是根据黑马程序员的B站教程来学习的,已经上传资源 标题最开始处可以下载。放到根目录下改名为src即可。这是没有加scoped。原创 2024-03-25 11:17:04 · 130 阅读 · 0 评论 -
vue学习日记16:拆分模块组件
把准备的src复制到vue-demo1下面 然后npm run serve 即可情况app.vue里面的内容 别怕上面有备份。原创 2024-03-25 08:47:58 · 477 阅读 · 0 评论 -
vue学习日记08:综合案例成绩案例
index.css案例静态模版代码2.开始练习需求说明:1.渲染功能 2.删除功能 3.添加功能 4.统计总分,求平均分模版如图 成绩和暂无数据应该二显示一个使用v-if和v-else 可以把元素销毁 不用v-show 如果输入的不正确弹出提示 添加后情况输入框的内容 当没有数据的时候显示会不符合,0除以0还保留两位小数不合理所有加上添加判断原创 2024-03-06 16:01:09 · 712 阅读 · 0 评论 -
vue学习日记07:计算属性、计算属性vs方法Methods
链接:https://www.bilibili.com/video/BV1HV4y1a7n4/?本文章仅仅是个人学习笔记 无任何其他用途 特此说明。错误演示 如果没有get和set直接点修改。注:本人是根据黑马程序员的B站教程来学习的,方法Methods会重新执行 多次调用方法。完整写法配置了set之后就没有出现报错。计算属性有缓存 结果缓存执行就一次。点击修改后成功修改并影响框内的。原创 2024-03-06 11:31:19 · 369 阅读 · 0 评论 -
vue学习日记13:记账清单,渲染&添加&删除
链接:https://www.bilibili.com/video/BV1HV4y1a7n4/?写的时候忘记放了 可以去饼图渲染的代码看 已经包含了。本文章仅仅是个人学习笔记 无任何其他用途 特此说明。注:本人是根据黑马程序员的B站教程来学习的,原创 2024-03-20 11:31:56 · 233 阅读 · 0 评论 -
vue学习日记12:初始化渲染和获取焦点
注:本人是根据黑马程序员的B站教程来学习的,链接:https://www.bilibili.com/video/BV1HV4y1a7n4/?本文章仅仅是个人学习笔记 无任何其他用途 特此说明。原创 2024-03-20 09:31:06 · 356 阅读 · 0 评论 -
vue学习日记11:生命周期和生命周期四个阶段
重要的是前两个 最后记忆一下注:本人是根据黑马程序员的B站教程来学习的,链接:https://www.bilibili.com/video/BV1HV4y1a7n4/?本文章仅仅是个人学习笔记 无任何其他用途 特此说明。原创 2024-03-19 17:32:42 · 390 阅读 · 0 评论 -
vue学习日记10:综合案例-购物车
(2)展示 减到1就不能再减,点击删除直接删除 这里写三元表达式也可以 三元表达式是一种在许多编程语言中常见的条件表达式,它由三个操作数组成:一个条件表达式、一个真值表达式和一个假值表达式。其一般形式为:如果写成if...else三元写法 被勾选的被计算 5.持久化本地如果用户对其操作之后 没有持久化刷新后就会成问题(1)代码如果没有 || (defaultArr)清除缓存后就会null崩溃 ,加上之后就会默认回到初试页面了(2)展示原创 2024-03-19 16:26:40 · 402 阅读 · 0 评论 -
vue学习日记09:watch侦听器(监视器)
如果words在根目录就只写words,如果是子目录就要'obj.words'原创 2024-03-07 10:18:47 · 304 阅读 · 0 评论 -
vue学习日记-06:v-model应用于其他表单元素
链接:https://www.bilibili.com/video/BV1HV4y1a7n4/?本文章仅仅是个人学习笔记 无任何其他用途 特此说明。注:本人是根据黑马程序员的B站教程来学习的,原创 2024-03-05 16:42:15 · 330 阅读 · 0 评论 -
vue学习日记-05:vue指令修饰符、v-bind对于样式控制的增强
点击对应的自动有效果。原创 2024-03-05 15:45:59 · 295 阅读 · 0 评论 -
vue指令-04:v-model以及记事本案例
在原教程的前提下我在输入的时候追加了当按下回车键时,触发 add 方法。本文章仅仅是个人学习笔记 无任何其他用途 特此说明。表示监听键盘事件,当键盘按键为回车键时,执行。注:本人是根据黑马程序员的B站教程来学习的,在这个修改后的代码中,原创 2024-03-05 11:50:25 · 380 阅读 · 0 评论 -
Vue指令-02:v-html,v-show和v-if,v-on
.box {我是v-show控制的盒子我是v-if控制的盒子原创 2024-03-04 16:43:54 · 835 阅读 · 1 评论 -
Vue指令-03:v-bind,图片切换案例,书架案例
该代码图片位置为与代码在同一文件夹下 的imgs文件夹中 图片自行替换就行。原创 2024-03-05 10:52:18 · 745 阅读 · 0 评论 -
vue学习日记-01:相关概念
3.插值表达式。原创 2024-03-04 11:42:25 · 351 阅读 · 1 评论