能够构建出色的单页应用程序（SPA）是Vue.js最具有吸引力的功能之一。SPA非常好，因为它们不需要在每次更改路由时都去加载页面。这就意味着一旦加载了全部内容，就可以真正快速地对视图进行切换，并提供出色的用户体验。如果你想要基于Vue去构建SPA，则需要Vue路由。在本教程中，我将介绍设置VueRouter的基础知识，并研究一些更高级的技术，例如：动态路由匹配导航挂钩（NavigationHoo
原创
2021-01-10 21:55:24
268阅读
深入探索Vue路由疯狂的技术宅前端先锋能够构建出色的单页应用程序（SPA）是Vue.js最具有吸引力的功能之一。SPA非常好，因为它们不需要在每次更改路由时都去加载页面。这就意味着一旦加载了全部内容，就可以真正快速地对视图进行切换，并提供出色的用户体验。如果你想要基于Vue去构建SPA，则需要Vue路由。在本教程中，我将介绍设置VueRouter的基础知识，并研究一些更高级的技术，例如：动态路由匹
原创
2021-01-29 09:56:39
350阅读
深入使用TS 支持 render jsx 写法 这里一共分两步 首先得先让 vue 支持 jsx 写法 再让 vue 中的 ts 支持 jsx 写法 让 vue 支持 jsx 按照官方做法，安装Babel 插件 安装依赖 在.babelrc中添加： 之后就可以这些写render，如下图： 让 ts
原创
2022-05-12 17:41:38
973阅读
vue的组件化是利于维护网页的，因为他把网页分成各个组件，从而采用模块化的方法，exp
原创
2022-08-19 11:24:40
54阅读
官网说异步更新队列 第一次见估计是很抽象 我给大家分析一下第一步是响应
原创
2022-08-19 11:46:12
66阅读
使用组件的细节点is属性： 有些html标签如table，ul，ol，select对哪些标签可以出现在其内部是有着严格的要求的。 因此当这些标签内部出现了自定义组件，有可能会被作为无效的内容提升到外部，导致页面渲染出错。 而是用is属性则可以解决这个问题，在子级标签中用is属性来使用自定义组件。子组件中的data必须是一个函数，并且返回一个对象，当一个组件被多次使用的时候，组件间的数据不会相互影响
转载
2021-01-21 10:11:59
249阅读
2评论
链接：https://geniuspeng.github.io/2018/02/07/vue-compile/之前整理了vue的响应式原理，在这里有一点是一直很模糊的，就是何时去new一个watcher，当data变化时又如何通知视图去进行怎样的更新…这里面涉及到...
转载
2018-05-02 20:39:00
71阅读
2评论
推荐：Vue学习汇总Vue学习（十二）- 深入响应式原理现在是时候深入一下了！Vue 最
原创
2022-11-09 18:24:17
76阅读
我们先把两个组件称为 A 和 B。模块系统发现它需要 A，但是首先 A 依赖 B，但是 B 又依赖 A，但是 A 又依赖 B，如此往复。这变成了一个循环，不知道如何不经过其中一个组件而完全解析出另一个组件。为了解决这个问题，我们需要给模块系统一个点，在那里“A 反正是需要 B 的，但是我们不需要先解析 B。””在我们的例子中，把 <tree-folder> 
原创
2024-03-12 14:22:22
195阅读
之前整理了vue的响应式原理，在这里有一点是一直很模糊的，就是何时去new一个watcher，当data变化时又如何通知视图去进行怎样的更新…这里面涉及到了模板渲染和虚拟DOM的diff以及更新操作。其实模板渲染过程在实际使用vue的过程可能并不需要太深理解，但就vue来说，这些底层思...
转载
2022-04-24 00:43:20
160阅读
Vue 3 中的 ref 是一个强大而灵活的工具，它为我们提供了更简单和直观的方式来处理响应式数据。通过理解 ref 的原理和最佳实践，我们可以在
原创
2024-08-13 12:12:15
44阅读
插槽内容 假设我们有这样一个组件： <template> <section class="eassy-container"> <header class="eassy-header"> lorem </header> <main class="eassy-main"> lorem </main> < ...
转载
2021-09-02 00:19:00
437阅读
2评论
插槽内容 假设我们有这样一个组件： <template> <section class="eassy-container"> <header class="eassy-header"> lorem </header> <main class="eassy-main"> lorem </main> < ...
转载
2021-09-02 00:19:00
413阅读
2评论
vue深入响应式原理
深入响应式原理 — Vue.js
https://cn.vuejs.org/v2/guide/reactivity.html
原创
2021-08-20 10:36:55
120阅读
在前端开发的世界中，Vue.js 已经成为了许多开发者的首选框架。它以其简洁、灵活和高效而闻名，而 Vue 3 引入的新特性
之前整理了vue的响应式原理，在这里有一点是一直很模糊的，就是何时去new一个watcher，当data变化时又如何通知视图去进行怎样的更新…这里面涉及到了模板渲染和虚拟DOM的diff以及更新操作。其实模板渲染过程在实际使用vue的过程可能并不需要太深理解，但就vue来说，这些底层思想可以更好地让我们理解这个框架，以及了解为什么Vue的API要如此设计…
上一次也提过，vue2+与vue1
转载
2021-07-28 14:22:23
216阅读
深入理解 Vue 组件 组件使用中的细节点 使用 is 属性，解决组件使用中的bug问题 子组件定义data数据，data必须是个函数 Vue中的 ref 引用的内容 vue实现计数器功能 父子组件间传值 父组件向子组件传递数据 子组件向父组件传值 组件参数校验与非props特性 组件参数校验 组件
原创
2022-06-23 12:24:37
168阅读
本文将会从下面四个常见的应用诠释组件的生命周期，以及各个生命周期应
转载
2022-08-29 22:30:17
75阅读
模板引擎是 Vue 里最主要、最核心的一个能力，在模板引擎还没有出现的时候，我们更新页面的内容，大概流程是：监听操作 -> 获
原创
2024-05-30 00:55:32
51阅读
