vue3

Ubuntu18搭建vue3

第一步我们可以先更新源(我所有的步骤都在root账户下操作的) sudo apt-get update 然后安装node sudo apt-get install nodejs 安装成功后可以查看版本是否成功安装 node -v nodejs -v 继续安装 npm sudo apt-get ins ... »

dingjishun DDD

vue3项目后台管理系统模板

Vue3.0 发布第一个版本至今有一段时间了,到现在一直在更新优化,在性能方面,对比 Vue2.x ,性能的提升比较明显,打包后体积更小 来看下 Vue3.x 新增了哪些功能和特性。 Performance:性能优化 Tree-shaking support:支持摇树优化 Composition A ... »

zhang-hong vue

使用 Nginx 实现 URL 的重定向

1. 概述 老话说的好:取乎上,得其中;取乎中,得其下。因此我们不妨把目标定的高一些,去努力,才能得到更好回报。 言归正传,今天我们来聊聊 使用 Nginx 实现 URL 的重定向。 2. 使用 Nginx 实现 URL 的重定向 2.1 使用场景 我们日常分享一个网站地址时,常常会有这样的效果,同 ... »

在Vue3项目中使用pinia代替Vuex进行数据存储

pinia是一个vue的状态存储库,你可以使用它来存储、共享一些跨组件或者页面的数据,使用起来和vuex非常类似。pina相对Vuex来说,更好的ts支持和代码自动补全功能。本篇随笔介绍pinia的基础用法以及持久化存储的一些用法,供参考学习。 pinia在2019年11月开始时候是一个实验项目,目... ... »

wuhuacong

微信小程序实战,用vue3实现每日浪漫情话推荐~

之前做了个恋爱话术微信小程序,实现高情商的恋爱聊天。 但最近突然发现,每天早上给女朋友发一段优美情话可以让她开心一整天,但无奈自己的语言水平确实有限,不能随手拈来,着实让人有点不爽。 不过办法总比困难多,作为高情商的程序猿,来源于日常生活的需求往往是咱们最大的动力,必须盘他,所以想着在之前的恋爱话术... ... »

Vue3 + Echarts 5 绘制带有立体感流线中国地图,建议收藏

本文绘制的地图效果图如下: 一、Echarts 使用五部曲 1、下载并引入 echarts Echarts 已更新到了 5.0 版本,安装完记得检查下自己的版本是否是 5.0 。 npm install echarts --save 下载地图的 json 数据 可以下载中国以及各个省份地图数据。免费 ... »

web-learn

VUE3 之 状态动画 - 这个系列的教程通俗易懂,适合新手

1. 概述 老话说的好:不用羡慕别人,每个人都有属于自己的人生道路,重要的是在前进道路上遇见阻碍时,如何去积极的面对并解决。 言归正传,今天我们来聊聊 VUE 的状态动画。 2. 状态动画 2.1 数字加10的例子 <body> <div id="myDiv"></div> </body> <scr ... »

TypeScript-axios模块进行封装的操作与一些想法

所谓封装与模块化,对我这种初学者来说,个人理解就是解耦,比如说,当我们前端一个项目使用了现在流行的模块,但是没有对其进行封装处理,包括一些相同的代码逻辑,把他们分散在各个组件当中,这样一来整个项目对于这个模块的耦合度太高.如果将来这个模块突然停止维护,或者有更好的模块将其替代,我们想要更换模块时就显 ... »

lkx666

vue3 区别于 vue2 的“与众不同”

希望本篇文章能帮你加深对 Vue 的理解,能信誓旦旦地说自己熟练Vue2/3。除此之外,也希望路过的朋友可以帮助我查漏补缺 »

houxianzhou vue

Vue3中setup语法糖学习

(目录) 1,前言 <script setup>是在单文件组件中使用Composition API的编译时语法糖。相比于普通的<script>语法,它具有更多优势 更少的样板内容,更简洁的代码 能够使用纯 Typescript 声明 props 和抛出事件 更好的运行时性能 (其模板会被编译成与其同 ... »

如何使用 Vue3 实现文章目录功能

前言 这一段时间一直在做一个博客项目 Kila Kila Blog,找了一圈发现没有特别满足自己需求的目录组件,所以决定自己动手,完成一个满足以下预期目标的目录组件: 自动高亮选中当前正在阅读的章节 自动展开当前正在阅读的章节的子标题,并隐藏其他章节的子标题 显示阅读进度 完成后的目录组件如下图左侧 ... »

zhiyiYo

vue3 的跨平台自定义渲染器

在 vue3 中,为了更好的实现多平台应用,将渲染器的创建函数 createRenderer 方法单独分离出来,不用像 weex 一样,需要 fork 一下,然后去改源码。 下面以 canvas 为例: 1、首先我们引用 vue3 &amp;lt;script src=&quot;../dist/vue.global.js&quot;&amp;gt;&amp;lt;/script&amp;gt; 2、然后将 createRenderer 方法解 »

vue3技术整理 - 更新完毕

0、前言 vue2基础篇链接:https://www.cnblogs.com/xiegongzi/p/15782921.html vue2组件化开发篇链接:https://www.cnblogs.com/xiegongzi/p/15823605.html vue2高级篇链接:https://www. ... »

xiegongzi Vue