vue知识点
文章平均质量分 88
江湖二哥
有人的地方就有江湖,有江湖的地方就有厮杀,与有兴趣的人一起走进代码的世界,分享传播知识,帮助更多的人成就梦想,让青年学子更好的筑梦未来!
展开
-
axios基本使用-获取数据
功能: 点击新增按钮, 把用户输入的书籍信息, 传递给后台 – 把结果打印在控制台。功能: 点击调用后台接口, 查询用户想要的书籍信息 – 打印到控制台。功能: 点击调用后台接口, 拿到所有数据 – 打印到控制台。目标: 调用文档最后_获取所有图书信息接口。接口: 参考预习资料.md – 接口文档。引入: 下载axios, 引入后才能使用。接口: 参考预习资料.md – 接口文档。接口: 参考预习资料.md – 接口文档。目标: 调用接口-获取某本书籍信息。目标: 完成发布书籍功能。axios的基本使用。原创 2024-06-06 10:22:11 · 817 阅读 · 0 评论 -
$nextTick的使用场景介绍
目标: 点击count++, 马上通过"原生DOM"拿标签内容, 无法拿到新值。components/Move.vue - 继续新增第三套代码。目标: 点击搜索按钮, 弹出聚焦的输入框, 按钮消失。总结: 因为DOM更新是异步的。nextTick使用.gif)原创 2024-06-06 10:16:46 · 532 阅读 · 0 评论 -
vue源码解析和vue响应式原理
源码的获取项目地址:为什么分析? 新的版本发布后,现有项目不会升级到,还有很长的一段过渡期。项目地址源码目录结构(在目录下面定义的就是源码内容): 在目录是的核心库,在目录下面,也定义了很多的文件夹,下面我们先简单来看一下。目录下面定义的是组件。:定义的是中的静态方法。,,,等。:创建的实例,定义了的构造函数,初始化,以及生命周期的钩子函数等。:定义响应式机制的位置,:定义公共成员。:定义虚拟这里我们来介绍一下,关于源码中使用的打包方式。打包工具 所使用的打包工具为,比更加轻量,是把所有的文件(原创 2024-05-31 08:44:07 · 941 阅读 · 0 评论 -
面试官问到虚拟DOM的实现原理该怎么详细说
在面试的时候经常会问到虚拟DOM是怎么工作的,通过查看Snabbdom源码,可以对这块内容有更加深入的了解原创 2024-05-28 09:38:53 · 1048 阅读 · 0 评论 -
Vue响应式原理详解
首先我们先来看一下最开始提出的问题。第一个:给属性重新赋值成对象,是否是响应式的?答案:是响应式的。应当我们给data中的属性进行重新赋值的时候,会执行Observer类中的方法的set方法在set方法中,调用了walk方法,该方法中判断重新给data属性中赋的值是否为对象,如果是对象,会将对象中的每个属性都修改成响应式的。第二个问题:给Vue实例新增一个成员是否是响应式的?原创 2024-05-27 10:01:44 · 1315 阅读 · 0 评论 -
一文看懂Vue Router源码及相关配置
路由是一个比较广义和抽象的概念,路由的本质就是对应关系。在开发中,路由分为:后端路由SPA(Single Page Application)前端路由基于URL中的hash实现(点击菜单的时候改变URL的hash,根据hash的变化控制组件的切换)案例代码实现如下:3、的基本使用(官网:)是 官方的路由管理器。 它和 的核心深度集成,可以非常方便的用于应用程序的开发。基本使用的步骤:下面看一下具体的实施过程添加路由链接添加路由填充位定义路由组件配置路由规则并创建路由实例原创 2024-05-27 09:55:08 · 545 阅读 · 0 评论 -
vue基础知识点笔记详解
Vue的核心理念是数据驱动的理念,所谓的数据驱动的理念:当数据发生变化的时候,用户界面也会发生相应的变化,开发者并不需要手动的去修改dom原创 2024-05-27 09:26:21 · 435 阅读 · 0 评论