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

在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

简单了解一下pinia的结构

随着 Vue3 的正式转正,Pinia 也渐渐火了起来。所以要更新一下自己的知识树了。这里主要是看看新的状态是什么“形态”。 状态的容器还是“reactive” 按照官网教程,做一个简单的例子: import { defineStore } from 'pinia' export const use ... »

jyk Vue3

nf-Press —— 在线文档也可以加载组件和编写代码

如果帮助文档可以加载组件,那么在介绍的同时就可以运行演示demo,是不是很酷? 如果可以在线修改运行代码,那么是不是更容易理解? 上一篇 https://www.cnblogs.com/jyk/p/15994934.html 介绍了一下基本功能,这里介绍一下关于代码方面的功能。 源码和演示 http ... »

jyk Vue3

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

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

vite2 打包的时候vendor-xxx.js文件过大的解决方法

vite2是一个非常好用的工具,只是随着代码的增多,打包的时候 vendor-xxxxxx.js 文件也越来越大,这就郁闷了。 打包时遇到警告 输出文件名字/static/vendor.9b5698e4.js 806.03kb / brotli: skipped (large chunk) Some ... »

jyk Vue3

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