vue
文章平均质量分 93
vue学习笔记,记录知识点、源码学习等
孤城浪人
正在前端路上摸爬滚打的菜鸟
展开
-
vue-router原理解析并实现简单的vue-router
本篇博客是自己学习vue-router原理时候的笔记,所以本篇博客内容直白简单,通俗易懂,详细讲解了vue-router重点难点,欢迎大家阅读留言。原创 2022-05-12 21:14:11 · 484 阅读 · 0 评论 -
学习笔记----Vuex及其使用方法
Vuex是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化,方便的实现组件之间数据的共享。简单地说:如果不使用vuex,那么传递数据可能需要经过链式一级一级的传递,而用了vuex则可以直接传递数据。原创 2022-04-13 21:10:20 · 1036 阅读 · 0 评论 -
从“小胡子”到 vue 插值语法
本文从模板的发展历程讲起,分析历代模板的优缺点,最后从零开始一步一步带你实现一个简单版的mustache(小胡子)模板引擎。原创 2022-05-14 17:38:04 · 530 阅读 · 0 评论 -
Vue学习笔记(一)插值语法和指令
文章目录一、Vue是什么?二、知识点2.1.基础结构2.2.模板语法2.2.1.插值语法{{}}2.2.指令v-htmlv-oncev-bindv-if 、v-else-if、v-elsev-showv-on:clickv-for总结一、Vue是什么?Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各原创 2021-12-31 10:31:40 · 2669 阅读 · 0 评论 -
Vue之fetch&axios
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码原创 2022-02-26 11:33:58 · 1929 阅读 · 0 评论 -
Vue学习笔记(二)组件、过渡
文章目录1.计算属性2.侦听器3.组件注册组件动态组件组件间通信插槽4.过渡总结1.计算属性模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护,因此负责逻辑放在计算属性中来写,必须要有return,只能做同步,立即得到结果。计算属性与函数的区别计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。也就是只要 myName还没有发生改变,多次访问 reversedMessage计算属性会立即返回之前的计算结果,而原创 2022-01-14 15:30:17 · 402 阅读 · 0 评论 -
双端 Diff 算法原理解析及 snabbdom 简单实现
本篇博文将从渲染函数讲起并实现一个简单的渲染函数,接着详细梳理双端 diff 算法的实现,辅助大量代码从而帮助你更好地理解,最后详细的总结了 diff 流程。原创 2022-05-14 17:00:32 · 439 阅读 · 0 评论 -
vue-cli3.0手把手带你搭建好一个vue项目
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码原创 2022-03-23 20:40:02 · 476 阅读 · 0 评论 -
Vue学习笔记(三)路由···
文章目录一、 自定义指令二、单文件组件三、反向代理四、路由1、引入组件2、配置路由表编程式导航3、路由拦截总结一、 自定义指令指令:为了操作底层dom,作者给留的方案实际应用:可以通过指令什么时候在dom创建完成,从而进行依赖dom的初始化工作。指令的生命周期:bind只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置inserted被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)update更新时调用,但是可能发生在其子原创 2022-01-18 16:38:08 · 939 阅读 · 1 评论 -
vuex原理解析并实现一个简单的vuex
本篇博客详细解析了 vuex 工作原理,着重介绍了 vuex 中的重点内容,并且一步一步实现了一个简单的 vuex,尤其是 Store 类的代码有非常详细的注释,非常适合初学者。原创 2022-05-12 20:42:45 · 302 阅读 · 0 评论 -
vue2响应式原理解析并实现一个简单响应系统
本篇博客是本人的学习心得,它将从vue小白的视角深入全面、通俗易懂讲解vue2响应式原理和vue.$set|this.$set的使用场景、用法以及原理原创 2022-05-14 17:37:41 · 292 阅读 · 0 评论 -
Vue2封装评论组件详细讲解
使用vue2 + element ui实现的评论组件,除基本功能外还支持暗黑主题和头像压缩上传原创 2022-09-25 13:32:42 · 4150 阅读 · 11 评论