Vue的学习（8）

最新推荐文章于 2024-05-29 17:10:32 发布
最新推荐文章于 2024-05-29 17:10:32 发布
阅读量95 收藏
点赞数
分类专栏： Vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46013619/article/details/104031275
版权

自定义事件

这两种类型一般用于父子间的通信
第一种
在这里插入图片描述
在这里插入图片描述
第二种
在这里插入图片描述
想在Vue中操作DOM元素，就必须使用ref来注册引用信息，引用信息会根据父组件的 $refs 对象进行注册。
在这里插入图片描述
在这里插入图片描述

消息订阅与发布

绑定事件监听--------------------------订阅消息 在大的里面
触发事件----------------------------发布消息 在子组件中
这两者原理类似

下载库：
npm install --save pubsub-js

没有任何位置的限制，父子，子孙，都行，这就是它的优势
引入
在这里插入图片描述
App
在这里插入图片描述
TodoItem
在这里插入图片描述
在这里插入图片描述

写bug的小气球
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue学习笔记（尚硅谷天禹老师）
qq_55593227的博客
08-15 31万+
Vue学习笔记（尚硅谷天禹老师讲解） 1. Vue核心 1.1. Vue简介 1.1.1. 官网 英文官网 中文官网 1.1.2. 介绍与描述 动态构建用户界面的渐进式JavaScript框架 作者：尤雨溪 1.1.3. Vue的特点 遵循MVVM模式 编码简洁，体积小，运行效率高，适合移动/PC端开发 它本身只关注UI，可以引入其它第三方库开发项目 1.1.4.与其他JS框架的关联 借鉴 Angular 的模板和数据绑定技术 借鉴 React 的组件化和虚拟DOM
Vue学习心得
weixin_49331914的博客
07-08 4324
Vue:一款渐进式JavaScript框架，所谓渐进式就是逐步实现新特性的意思，如实现模块化开发、路由、状态管理等新特性。其特点是综合了Angular (模块化)和React (虚拟DOM)的优点; mvvm ●Model:模型层，在这里表示JavaScript对象 ●View:视图层,在这里表示DOM (HTML操作的元素) ●ViewModel:连接视图和数据的中间件，Vue.js就是MVVM中的ViewModel层的实现者 在MVVM架构中，是不允许数据和视图直接通信的，只能通过ViewModel来通
Vue学习-Vue入门
weixin_59357453的博客
04-02 4291
这是一篇vue学习记录
20 VUE学习：插件
最新发布
百锦再的博客
05-29 8万+
插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。/* 可选的选项 */})一个插件可以是一个拥有install()方法的对象，也可以直接是一个安装函数本身。安装函数会接收到安装它的[应用实例]和传递给app.use()// 配置此应用通过 []和 []注册一到多个全局组件或自定义指令。通过 []使一个资源[可被注入]进整个应用。向 []中添加一些全局实例属性或方法一个可能上述三种都包含了的功能库 (例如 [vue-router])。
Vue学习心得与总结
2201_75464762的博客
12-28 2314
大二开课，跟老师学+自学，一开始看老师分享的培训课程深入学习，虽然知道学习内容且有计划，但总是学着学着就学不下去（课程冗长没有成就感，知识理论不太好接受，学的蛮难过的），最后，三天打鱼两天晒网。我认识到Vue不仅仅是一种框架，更是一种优秀的工具和理念，在我未来的开发中，我会继续深入学习和实践Vue.js，不断提升自己的能力。通过实际的开发经验，我学会了如何将Vue.js应用于真实的项目中，如何与后端API进行交互，获取和更新数据，以及如何处理用户输入和交互反馈，这些都是学习课程中不能替代的经验。
19 VUE学习：自定义指令
百锦再的博客
05-28 8万+
除了 Vue 内置的一系列指令 (比如v-model或v-show) 之外，Vue 还允许你注册自定义的指令 (Custom Directives)。我们已经介绍了两种在 Vue 中重用代码的方式：[组件]和。组件是主要的构建模块，而组合式函数则侧重于有状态的逻辑。另一方面，自定义指令主要是为了重用涉及普通元素的底层 DOM 访问的逻辑。一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。钩子函数会接收到指令所绑定元素作为其参数。
学习Vue3 第一章
qq1195566313的博客
02-02 6万+
1.介绍vue Vue (读音 /vjuː/，类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 官方文档地址 介绍 — Vue.js 2.回顾vue2 对比 vue3 我们看如下图 发现传统的vue2 逻辑比较分散 可读性差 可维护性差 对比vue...
Vue学习总结
魅控
08-07 5875
Vue 基础 指令： 插值表达式： 语法：{{要插入的值}}，此时相当于占位符，到时候{{关键字}}会被替换成 Model中的数据 bug点： 当网速较慢时，Vue初始化未完成时，插值表达式不能被解析，会直接显示 出来，加载完毕之后又会被替换成真实结果，造成闪烁（Vue的加载代码写在 HTML元素之后时会出现该bug） 1.v-cloak指令： 语法：把它当作HTML元素的一个属性使用 示例： {...
vue——菜鸟教程学习
weixin_42109930的博客
06-27 1万+
此篇文章仅仅是提纲摘要，用于自己学习时的一个笔记1. v-if：条件语句；v-show2. v-for：循环语句3. computed和methods：计算属性4. watch：监听属性5. 样式绑定：v-bind6. v-on：事件处理器7. Vue的表单：简言之，vue是MVVM模型，即：view：管理DOM事件Model：进行js逻辑处理ViewModel：是view和model之间的桥梁，进行DOM事件监听和数据交互v-modle会根据控件类型自动选取正确的方法来更新元素，进行双向绑定；我们可以在前
vue初学——vue学习路线
copple的专栏
03-05 3515
上个周末写了2篇文章都是关于vue的学习，然后在写第三篇的时候，看了一个视频——里面提到学习方法。作为一个程序员，对新技术的学习需要有一个自己的套路，即学习方法。掌握一套好的学习方法，后面不管学习什么新技术、新知识都能快速的上手吸收。所以，我停止了写第三篇文章的步伐，开始停下来思考如何构建自己的学习体系？ ...
学习Vue组件实例
11-29
Vue组件实例的学习是深入了解Vue框架的关键部分。Vue实例是每个Vue应用的核心，它是一个普通的JavaScript对象，但具备了Vue框架的特性和功能。当我们启动一个Vue项目时，通常从加载index.html开始，其中包含一个id为...
Vue3学习ddddddddd
08-18
Vue3学习ddddddddd
vue学习基础以及大纲
07-19
vue学习大纲
Vue学习笔记
04-29
8. **路由管理**：在SPA（单页应用）中，Vue Router是常用的路由管理库，它可以实现页面间的导航和状态管理。 9. **状态管理**：Vuex是Vue的状态管理模式，它集中管理应用的所有组件的状态，提供统一的访问接口。 ...
前端（实际开发总结）2
weixin_46013619的博客
05-09 1422
1.ElementUI中表单验证下面的提示文字，这里好像少一步也不行，就按这个走吧，第一次写这个提示， 这里逻辑应该是valid代表着是不是输入框为空值，空值返回false。 ...
前端（实际开发总结）1
weixin_46013619的博客
04-24 324
prop相当于从数组传的参数，也就是.什么，elementUi中：data就相当于数组，他会根据prop来分布到每一行，这里有个fixed，这个地方固定住了宽度
Vue外卖项目的学习（8）
weixin_46013619的博客
02-07 246
点击左侧，右侧到达对应位置 clickMenuItem(index) { // console.log(index) // 使用右侧列表滑动到对应的位置 // 得到目标位置的scrollY const scrollY = this.tops[index] // 立即更新scrollY(让点击的分类项成为当前分类) ...
uni-app（5）
weixin_46013619的博客
03-24 220
触屏事件 @touchstart手指按下 @touchend手指离开 手指在屏幕上的坐标event.changeTouches[0].clientX和clientY 滑动是改变索引，所以明白之前为什么要取列表数组＋索引，而不是直接去item来，是为了改变索引，增加减少来形成滑动改变图片 <image>是block 下载图片 //点击下载图片 async handleD...
vue学习-vue入门
08-25
如果你想学习 Vue.js 并入门的话，以下是一些步骤和资源可以帮助你开始： 1. 首先，确保你已经安装了 Node.js。你可以在官方网站上下载并按照指示进行安装。 2. 之后，你可以使用 Vue 的官方脚手架工具 Vue CLI 来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值