Vue3
文章平均质量分 73
shenzhipeng1023
好的代码就像一锅粥,需要用时间熬出它的美味
展开
-
Vue3 UI库/相关工具/可视化/生态全分享
40+ Vue3 实用工具、UI库、插件、生态,本群内容为技术胖在视频中分享,此处仅作为个人笔记使用和分享给其他需要帮助的前端小伙伴,技术胖的原视频链接。转载 2023-02-21 21:41:14 · 961 阅读 · 0 评论 -
vite+vue3+ts直接在样式中使用setup script中的变量
在已往的前端项目中,我们经常会碰到换肤换主题的需求,我们是多么希望能直接在js中操作css中的色值或者其他值的变动,用less有解决方案但是比较繁琐,现在setup script中我们可以直接使用js中声明出来的变量了,还可以相对自由的变化,这给我们开发带来了极大的便利。下边不多说直接上代码:有兴趣的小伙伴可以敲一下,好记性不如烂笔头,敲得多了量变引起质变是个很不错的成长之路。以上就是本文全部内容,如对你有帮助欢迎点赞留言如有疑问可以留言,也可以到QQ群一起探讨:QQ群1: 657011407, Q原创 2022-07-12 16:42:05 · 940 阅读 · 0 评论 -
vite+vue3+ts路由vue-router的使用,以及参数传递
前边我们分别介绍了pinia以及vite+vue3+ts这套组合的组件传参方式,以及简单todolist的demo,这些基本上都够一个项目的开发了,这时候是不是觉得还缺点什么?那就是路由vue-router,以及数据请求axios了。axios的用法与vue2的差别不大,就是一些ts的语法问题,所以也就不对axios的用法做介绍了,本篇来介绍下vue-router路由的使用。本篇也不从创建项目开始了,对vite+vue3这套项目不了解的可以看下《vite+vue3+ts简单例子todolist》,本篇原创 2022-03-03 20:35:17 · 17076 阅读 · 2 评论 -
新的好朋友Pinia,引领状态管理新时代
Pinia 是 Vue.js 的轻量级状态管理库,非常的受广大开发者的欢迎,尤大大更是强力推荐。Pinia作为Vue生态里Vuex的替代者,全新的Vue状态管理库,它的优势有哪些?比起Vuex好在哪些地方呢?我们就先来看看Vuex的五大优势。 可以对Vue2和Vue3做到很好的支持,也就是老项目也可以使用Pinia。 抛弃了Mutations的操作,只有state、getters和actions.极大简化了状态管理库的使用,让代码编写更加容易直观。 不需要嵌套模块,符合Vu..原创 2022-02-18 15:40:44 · 2402 阅读 · 1 评论 -
vite+vue3+ts父子组件传值,及属性监听watch用法
vite+vue3中父子组件传值,defineProps和defineEmits的使用,以及watch的使用原创 2022-03-03 16:28:45 · 14604 阅读 · 0 评论 -
vite+vue3+ts简单例子todolist
vue3发布以来备受瞩目,与之起来的vite都是倍感神秘,在这里我们用一个todolist的小例子,来揭秘vue3+vite的面纱。本文是在《Vite + Vue3 初体验 —— Vue3 篇》的启发下写的,由于原文的代码和过程有一些需要注意的坑点,在这里我们会把步骤详细的整理以及简单的优化。创建项目使用vite创建npm init vite@latest输入项目名 如 vue-todolistvite可以构建多种框架的项目,这里选用vue选用vue-ts的组合,如果你对ts还不熟,需要原创 2022-03-01 20:28:15 · 4777 阅读 · 0 评论 -
vue2.x和vue3.x双向绑定原理的区别,以及vue3.x双向绑定的深入解析
vue2.x和vue3.x双向绑定原理的区别vue作为mvvm模式的框架,双向绑定一直是它的一个亮点,在vue2.x的使用过程中都曾遇到过很多坑点,为了避免这些坑又做了许多不必要的操作。那么为什么会有这些问题呢?我们先来看下vue2.x的原理,相比这个有了解的都知道是Object.defineProperty(),这里不多说直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"原创 2021-12-13 17:59:36 · 1208 阅读 · 0 评论 -
一起来揭开Vue 3.0的One Piece神vue+vite新体验
前言2020年9月19日凌晨,尤雨溪大大正式发布了3.0版本,代号:One Piece。vue从一开始就是以快速上手的特性被众多开发者欢迎的框架。在随着使用者的逐渐增多,框架的规范也在不断扩大,以适应不断增长的需求。随着时间的推移,它成为了所谓的“渐进式框架”:一个可以逐步学习和采用的框架,同时随着用户应对越来越多的需求场景而提供持续的支持。首先3.0版本的特点 在Vue3中,基于对象的 2.x API 基本没有变化,3.0 还引入了 [Composit...转载 2020-09-24 20:28:10 · 2837 阅读 · 0 评论