- 博客(22)
- 收藏
- 关注
RSS订阅原创 vue项目中监听本地缓存变化的方法
在Vue组件中，由于浏览器的同源策略限制，storage事件不会在触发事件的同一页面上的其他窗口或标签页中被接收到。因此，无法直接在Vue组件中监听storage事件。请注意，这种方法是通过定时器轮询来检查本地缓存的变化，而不是通过监听storage事件。因此，它可能会增加一定的性能开销。你可以根据实际需求调整定时器的间隔时间。通过比较新的本地缓存数据和之前保存的数据，判断是否发生了变化。如果发生了变化，则执行发送请求的逻辑，并更新本地缓存数据。
2023-11-19 20:36:01
1149
原创 Element-Plus的使用
【了解】常见UI组件库【掌握】Element-Plus基本使用【掌握】Element-Plus常见组件【掌握】Element-Plus购物车。
2023-10-09 14:40:07
4333
1
原创 Pinia的使用
一直以来VueX都是官方为Vue提供的状态管理库，但是在Vue3的版本中，尽管VueX4也能提供组合式API，但是自身存在的很多缺陷让官方重新编写了一个新的库，也就是我们今天要学习的Pinia，结果发现这个新的状态库比起VueX要更加实用，它已经正式成为了Vue的官方推荐，而VueX仍然可以使用，但不会继续维护了，显而易见，Pinia才是未来的主流，所以必须学习它，它的设计思路和VueX非常类似，所以对于已经熟练掌握了VueX的开发者而言，学习Pinia非常轻松！
2023-10-09 14:35:28
158
1
原创 VueX的使用
这里介绍的VueX是匹配Vue3的V4版本，它绝大多数功能使用都和之前基本保持一致。先一起看一下官网对于VueX的定义：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
2023-10-09 14:28:59
83
1
原创 Vue路由基础
【掌握】Vue-router入门【掌握】Vue-router传参【掌握】编程式导航【掌握】路由重定向和404【掌握】路由组件传参【掌握】历史记录模式。
2023-10-09 14:16:37
40
1
原创 深入Vue的响应式原理
【掌握】Vue2的响应式原理【掌握】手写实现Vue2的响应式原理【掌握】Vue3的响应式原理【掌握】手写实现Vue3的响应式原理。
2023-10-09 14:07:22
33
1
原创 setup语法糖
在中必须使用和来声明props和emits，注意，这2个方法不必从vue中引入可以直接使用。vuesetup语法糖中还有一些其他地方的改变，但上面这3点是最常见的，必须完全理解，在后面的课程中也推荐使用这种语法来书写代码。
2023-08-07 14:41:11
180
原创 vue3组合式API
2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：Release v3.0.0 One Piece · vuejs/core · GitHub了解了如何实现响应式数据之后，很多同学会有疑问，Vue3中如何实现组件通信呢？换言之，props和之前的this.$emit去哪了呢？
2023-08-07 14:25:06
97
原创 组件进阶和插槽
如果组件的层级变得更加复杂，父组件中包裹子组件，子组件中继续包裹后代组件，这样的通信应该如何完成呢？前面已经强调组件系统是Vue的核心，Vue中除开可以通过单文件组件来自定义组件之外，还内置了一批全局组件可以直接使用，接下来我们来学习这些内置组件的使用。插槽的本质仍然是父子组件之间的通信，在父组件向子组件分发插槽的过程中，如果父组件要使用子组件中的数据应该如何来做呢？组件实现了组件之间的动态切换，每次切换都会重新执行组件的创建销毁过程，这样既浪费性能又无法缓存住组件的状态，通过。
2023-07-10 16:09:16
34
1
原创 Vue-CLI 和组件基础
我们都知道，根实例vm是通过Vue这个全局的构造函数生成，那么现在有一个疑问，组件(之后用vc来统称)是如何生成的呢？通过调用一个全局方法Vue.extend，我们可以得到一个组件实例，这个方法传入的参数也是配置选项，用来存放对应组件的各个配置选项，这里要特别引入一个全新的配置选项template，这个配置选项用来存放对应的视图模板，所以这个Header我们可以这样定义：js})在实际开发中，我们会定义大量的组件，为了进一步简化代码，上面的组件定义可以进一步简写，可以省略掉Vue.extend。
2023-07-10 16:08:37
70
1
原创 vue的生命周期
在Vue实例从创建到销毁的过程中，常见的生命周期可以参考如下图示(你不需要立马弄明白所有的东西，不过随着你的不断学习和使用，它的参考价值会越来越高。示例中通过点击按钮来实现增大h1标题字体的方法，此时可以将fontSize属性对应的值设置为一个动态属性，然后在点击事件的回调中递增这个属性。动态地绑定内联样式也是常见的操作，一起来学习如何动态的绑定style内联样式，和Class一样，Vue也提供了对象写法和数组写法。除开刚才介绍的事件修饰符，还有一类修饰符也是比较常用的，是用在。
2023-07-10 16:06:05
38
1
原创 vue配置选项
我们现在应该了解，在Vue框架中data的数据会被绑定到视图模板中，一旦data数据改变，视图也会随之更新，在HTML中一类特殊的元素叫做表单元素，例如<input><textarea>及<select>，它们不仅可以展示数据，还可以输入数据，如果能够将输入的数据保存下来，那便实现了所谓的双向绑定。我们学习了Vue中提供了大量指令，但针对具体的业务场景，可能内置的这些指令还不够丰富，Vue同样提供了自定义指令，它是一个配置选项，开发者可以手动来实现具体指令。
2023-07-10 16:04:31
288
1
原创 vue2基础语法
当前Vue已经发布到了v3.x版本，但市场主流的开发版本仍然是v2.6版本，所以我们的课程内容会从v2版本开始，v2升级到v3版本中优化了很多语法的书写，所以为了更好的适应市场要求，v2和v3版本的语法都必须掌握，当前课程阶段我们从v2.6版本开始学习，之后会单独来学习v3版本的新语法。我们已经知道Vue是一个渐进式框架，我们需要学习整个生态系统的知识体系，现在来介绍一下它。Vue.js 这是Vue的核心语法，用来构建web应用的视图。
2023-07-10 16:02:49
93
1
原创 node使用～
标签来引入它们，维护小的项目，这样做似乎没有什么问题，但当你的项目足够复杂，这里的第三方插件可能达到几十上百个，当我需要查看我到底安装了哪些依赖，以及这些依赖是什么版本的时候，我必须进到这个文件中一一查看，这样做的效率必然非常低下，还有一个更可怕的问题，当你把这个项目分享给别人的时候，你必须要把这些第三方依赖一起传给他人，而往往第三方依赖的体积都比较庞大，效率更低下了。然后再新建一个api.js文件来书写我们的接口请求模块，在这个文件中我们通过Common.js的规范导出。而且此时就不必再使用。
2023-07-10 16:00:41
36
1
原创 git使用方法
分布式：Git是分布式版本控制系统，同一个Git仓库，可以分布到不同的机器上。当多人协作开发项目的时候，当项目版本需要迭代的时候，一个优秀的代码版本控制工具会大大提效开发效率，GIT就是当前最流行的分布式代码管理工具，我们可以通过图形化界面或者命令行的方式来使用GIT，对于任何语言的程序员而言，GIT都是一门必备的开发技能。github是程序员的聚集地，它提供的远程仓库服务器开源了最优质的代码，任何程序员在学习的过程中都离不开它，国内也提供了类似的远程仓库gitee，它的使用和github流程几乎一致。
2023-07-10 15:58:13
49
1
原创 前后端交互
我们刚才演示了使用JS代码来获取接口数据，但很多场景下，使用JS代码来测试接口相对麻烦，这时我们可以使用接口调试工具来实现，这类工具的使用方法基本一致，例如postman,apizza 以及更好支持中文的ApiPost等。了解了http请求后，我们现在应该关注一件事，如何通过JS代码来实现一个具体的http请求，首先我们来学习第一种方法，也是最常用的方法——AJAX。axios是基于Promise实现的，响应的结果保存到了Promise中，所以可以通过then方法中回调传入的参数来获取结果。
2023-07-10 15:54:26
82
1
原创 备忘录vue项目练习
vue前台项目，尚品汇电商平台，类似于京东电商类项目技术架构：vue+webpack+vuex+vue-router+axios+less…
2023-03-20 16:23:20
127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人