VUE学习笔记

原创已于 2024-03-02 11:11:26 修改 · 492 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #学习 #笔记

于 2024-03-02 11:10:52 首次发布

本文介绍了通过Panyue-genkiyo的资源学习Vue3，包括使用基于Vue-AdvanceVue的脚手架项目以及独立基础学习路径。链接指向了GitHub上的具体项目仓库。

vue3: https://github.com/Panyue-genkiyo/vue3-learning
vue2依据脚手架: https://github.com/Panyue-genkiyo/vue-advance
vue基础不依赖脚手架: https://github.com/Panyue-genkiyo/vue-learning

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

念念不舍的张

关注关注

7
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue学习笔记

11-22

本学习笔记将涵盖Vue的基础概念、核心特性以及常见应用场景，帮助初学者建立起对Vue的全面理解。一、Vue.js简介 Vue.js的核心理念是通过声明式的模板语法来简化DOM元素的更新，实现数据驱动视图。它采用MVVM...

Vue学习笔记

04-29

Vue的学习笔记通常会包含以下核心知识点： 1. **基础概念**：Vue的核心特性包括数据绑定、指令系统、组件化、生命周期、虚拟DOM等。数据绑定允许开发者用双大括号`{{ }}`在HTML中直接展示Vue实例中的数据。指令系统...

1 条评论您还未登录，请先登录后发表或查看评论

Vue2笔记

weixin_51008360的博客

07-15

328

父console . log('学生姓名: ' + name);子< button @click = " sendStudentName " > 把学生姓名给App </ button >< button @click = " sendStudentName " > 把学生姓名给App </ button >< button @click = " sendStudentName " > 把学生姓名给App </ button ></

Vue资源

yule201501的博客

11-05

455

1.张天禹---vue基础有道云笔记 (youdao.com) 阿里云盘分享 vue3: https://github.com/Panyue-genkiyo/vue3-learning vue2依据脚手架: https://github.com/Panyue-genkiyo/vue-advance vue基础不依赖脚手架: https://github.com/Panyue-genkiyo/vue-learning ...

探索Vue3学习资源库：Vue3-Learning

gitblog_00051的博客

03-27

588

探索Vue3学习资源库：Vue3-Learning 在前端开发领域，Vue.js已经成为最受欢迎的JavaScript框架之一，尤其随着Vue 3的发布，其性能和可扩展性进一步提升。今天，我们将深入探讨一个专门为Vue 3学习者准备的开源项目——。项目简介 Vue3-Learning是一个综合性的学习资源库，由开发者Panyue-genkiyo维护。这个项目的目标是为初学者和进阶者提供一个系统化...

vue2基础梳理

weixin_43559672的博客

10-02

632

自定义指令在directive中是一个函数，‘v-函数名’ 表示指令名，标签通过使用v-函数名与指令绑定，函数有两个参数，第一个是dom标签element，第二个是绑定的值badding。

Vue.js 2.0 基础知识之 学习笔记

xmfboss.科技

12-02

593

Vue.js 2.0 3.0 基础知识之学习笔记 从入门到放弃系列

Vue学习笔记（尚硅谷天禹老师）

热门推荐

qq_55593227的博客

08-15

32万+

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_43971312的博客

05-22

2482

VUE 学习笔记 1 简介 1.1 简介中文网 https://cn.vuejs.org/v2/guide/ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的

Vue学习笔记——【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通-哔哩哔哩】 https://b23.tv/

08-14

Vue学习笔记——【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通-哔哩哔哩】 https://b23.tv/

Vue3项目实战

2509_93946337的博客

11-24

348

还有个细节，Pinia的store里用actions定义方法时，不用写commit了，直接赋值就行，比Vuex简单不少。举个实际例子：订单列表页需要支持按状态筛选和导出Excel，我单独建了个useOrderTable.js，里面用ref存筛选条件，computed处理过滤后的数据，onMounted里调接口初始化。我在用户管理模块里试过，把一个权限列表从数组改成树结构，用reactive包裹后，随便增删改查都能实时渲染，连watch都不用额外配置。部署时遇到个诡异问题：开发环境跑得好好的，生产环境白屏。

ts-属性修饰符，接口(约束数据结构)，抽象类(约束与复用逻辑)

岂不闻

11-23

733

类的基础知识，抽象类与接口(interface)对比，interface接口实现约束数据结构（组件通信传参，定义口返回数据结构），抽象类(约束数据结构以及复用逻辑)

Vue音频处理开发

最新发布

2509_93946247的博客

11-24

439

举个例子，在data里定义一个audioContext对象和一个isPlaying布尔值，再通过methods里的函数来触发播放或暂停，界面状态自动更新，不用手动操作DOM。另外，Vue 3的setup语法糖里，用reactive定义播放器实例，比Options API更灵活，尤其是需要动态添加音频滤镜时。记得控制帧率，太高了卡顿，太低了动画跳帧，我一般用60fps做节流。另外，音频缓冲过长会影响体验，可以用Vue的异步组件配合loading状态，先显示占位图，等解码完成再启用控制按钮。

Vue发布

2509_93943467的博客

11-24

195

以前在列表渲染成千上万条数据时，页面总会明显卡顿，但现在用新的函数处理数据，连滚动都流畅了许多。我测试了一个简单的待办应用，用Vue 3的函数配合和，代码量减少了30%，而内存占用却降低了。更惊喜的是，Tree-shaking支持现在更智能了，打包时只引入用到的功能，最终bundle大小能缩小40%以上。社区里已经涌现出许多基于Vue 3的UI库，比如PrimeVue和Quasar，它们都利用了新API的优势，组件更轻量、可定制性更强。举个例子，我以前处理用户认证时，得在多个组件里重复写登录状态的逻辑。

Vue移动应用案例

2509_93942886的博客

11-24

355

从基础的Vue核心，到路由、状态管理，再到UI组件库如Vant、NutUI，以及多端框架uni-app、Taro，工具链已经相当成熟。最初版本在千元安卓机上直接卡死，后来我们做了虚拟渲染——只渲染可视区域内的弹幕，同时用Web Worker处理弹幕数据，终于解决了卡顿。性能优化方面，除了常规的代码分割、懒加载，我们还做了很多移动端特有的优化。在移动优先的时代，Vue让前端开发者有了更多可能性。经过多个项目的实践，我总结出Vue移动开发的几个要点：组件设计要原子化，状态管理要适度，性能监控要常态化。

Vue文档

2509_93942660的博客

11-24

278

简单说，基础类型用ref，引用类型用reactive。至于emit，现在都推荐用defineEmits定义事件类型，TypeScript支持杠杠的。遇到复杂业务逻辑时，getter能帮大忙，把计算属性抽到store里，组件代码顿时清爽不少。如果组件用了v-if，这时候元素可能还没渲染，得用nextTick兜底。比如按钮重复点击问题，用v-throttle直接解决，比在每个methods里写防抖逻辑方便多了。比如v-for和v-if的优先级问题，比如key的重要性，这些看似基础的概念往往最能考验功底。