Ubuntu18搭建vue3
第一步我们可以先更新源（我所有的步骤都在root账户下操作的） sudo apt-get update 然后安装node sudo apt-get install nodejs 安装成功后可以查看版本是否成功安装 node -v nodejs -v 继续安装 npm sudo apt-get ins ... »
vue3项目后台管理系统模板
Vue3.0 发布第一个版本至今有一段时间了，到现在一直在更新优化,在性能方面，对比 Vue2.x ，性能的提升比较明显，打包后体积更小 来看下 Vue3.x 新增了哪些功能和特性。 Performance：性能优化 Tree-shaking support：支持摇树优化 Composition A ... »
在Vue3项目中使用pinia代替Vuex进行数据存储
pinia是一个vue的状态存储库，你可以使用它来存储、共享一些跨组件或者页面的数据，使用起来和vuex非常类似。pina相对Vuex来说，更好的ts支持和代码自动补全功能。本篇随笔介绍pinia的基础用法以及持久化存储的一些用法，供参考学习。 pinia在2019年11月开始时候是一个实验项目，目... ... »
微信小程序实战，用vue3实现每日浪漫情话推荐~
之前做了个恋爱话术微信小程序，实现高情商的恋爱聊天。 但最近突然发现，每天早上给女朋友发一段优美情话可以让她开心一整天，但无奈自己的语言水平确实有限，不能随手拈来，着实让人有点不爽。 不过办法总比困难多，作为高情商的程序猿，来源于日常生活的需求往往是咱们最大的动力，必须盘他，所以想着在之前的恋爱话术... ... »
Vue3 + Echarts 5 绘制带有立体感流线中国地图，建议收藏
本文绘制的地图效果图如下： 一、Echarts 使用五部曲 1、下载并引入 echarts Echarts 已更新到了 5.0 版本，安装完记得检查下自己的版本是否是 5.0 。 npm install echarts --save 下载地图的 json 数据 可以下载中国以及各个省份地图数据。免费 ... »
VUE3 之 全局 Mixin 与 自定义属性合并策略 - 这个系列的教程通俗易懂，适合新手
1. 概述 老话说的好：心态决定命运，好心态才能有好的命运。 言归正传，今天我们来聊聊 VUE 中的全局 Mixin 与 自定义属性合并策略。 2. Mixin 的使用 2.1 全局 Mixin 之前咱们介绍的 Mixin 用法，是局部 Mixin，需要在组件和子组件中使用 mixins:[myMi ... »
VUE3 之 使用 Mixin 实现代码的复用 - 这个系列的教程通俗易懂，适合新手
1. 概述 老话说的好：舍得舍得，先舍才能后得。 言归正传，今天我们来聊聊 VUE 中使用 Mixin 实现代码的复用。 2. Mixin 的使用 2.1 不使用 Mixin 的写法 <body> <div id="myDiv"></div> </body> <script> const app = ... »
基 vue-element-admin升级的Vue3 +TS +Element-Plus 版本的后端管理前端解决方案 vue3-element-admin 正式对外发布,有来开源组织又一精心力作,毫无保留开放从0到1构建过程
项目代码结构基本完全保留 vue-element-admin ，代码风格参考Vue.js社区，CSS遵守BEM规范 ，站在巨人的肩膀不仅是为了看的更远，更多的是一种致敬、延续和希望走的更远。 ... »
简单了解一下pinia的结构
随着 Vue3 的正式转正，Pinia 也渐渐火了起来。所以要更新一下自己的知识树了。这里主要是看看新的状态是什么“形态”。 状态的容器还是“reactive” 按照官网教程，做一个简单的例子： import { defineStore } from 'pinia' export const use ... »
nf-Press —— 在线文档也可以加载组件和编写代码
如果帮助文档可以加载组件，那么在介绍的同时就可以运行演示demo，是不是很酷？ 如果可以在线修改运行代码，那么是不是更容易理解？ 上一篇 https://www.cnblogs.com/jyk/p/15994934.html 介绍了一下基本功能，这里介绍一下关于代码方面的功能。 源码和演示 http ... »
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 ... »
VUE3 之 列表动画 - 这个系列的教程通俗易懂，适合新手
1. 概述 老话说的好：可以为别人解决痛点的产品就是好产品。 言归正传，今天我们来聊聊 VUE 的列表动画。 2. 列表动画 2.1 列表中增加和删除元素 <style> .my-item { display: inline-block; margin-right: 15px; } </style> ... »
vue3 区别于 vue2 的“与众不同”
希望本篇文章能帮你加深对 Vue 的理解，能信誓旦旦地说自己熟练Vue2/3。除此之外，也希望路过的朋友可以帮助我查漏补缺 »
基于 vite2 + Vue3 写一个在线帮助文档工具 - 金色海洋（jyk）
提起帮助文档，想必大家都会想到 VuePress等，我也体验了一下，但是感觉和我的思路不太一样，我希望的是那种可以直接在线编辑文档，然后无需编译就可以直接发布的方式，另外可以在线写（修改）代码并且运行 »
Vue3中setup语法糖学习
(目录) 1，前言 <script setup>是在单文件组件中使用Composition API的编译时语法糖。相比于普通的<script>语法，它具有更多优势 更少的样板内容，更简洁的代码 能够使用纯 Typescript 声明 props 和抛出事件 更好的运行时性能 (其模板会被编译成与其同 ... »
如何使用 Vue3 实现文章目录功能
前言 这一段时间一直在做一个博客项目 Kila Kila Blog，找了一圈发现没有特别满足自己需求的目录组件，所以决定自己动手，完成一个满足以下预期目标的目录组件： 自动高亮选中当前正在阅读的章节 自动展开当前正在阅读的章节的子标题，并隐藏其他章节的子标题 显示阅读进度 完成后的目录组件如下图左侧 ... »
VUE3 之 多个元素之间的过渡 - 这个系列的教程通俗易懂，适合新手
1. 概述 老话说的好：过去不等于未来，过去成功了不代表将来也会成功，过去失败了也不代表将来也会失败。 言归正传，今天我们聊聊多个元素之间的过渡。 2. 多个元素之间的过渡 2.1 两个元素交替显示 <body> <div id="myDiv"></div> </body> <script> con ... »
vue3 的跨平台自定义渲染器
在 vue3 中，为了更好的实现多平台应用，将渲染器的创建函数 createRenderer 方法单独分离出来，不用像 weex 一样，需要 fork 一下，然后去改源码。 下面以 canvas 为例： 1、首先我们引用 vue3 &lt;script src="../dist/vue.global.js"&gt;&lt;/script&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. ... »
最近更新的文章/教程 更多
- 通过命令验证docker容器相当一个轻量级的Linux运行环境，且每个容器内都有一个属于自己的文件系统，容器之间相互隔离 2022-04-26
- Go单体服务开发最佳实践 2022-04-26
- javaScript深拷贝和浅拷贝简单梳理 2022-04-26
- ABP应用开发（Step by Step）-上篇 2022-04-26
- 【审视】Scrum Master的检查清单 2022-04-26
- 技术管理进阶——一线Leader与大Leader的差异是什么？ 2022-04-26
- 倒数第N个字符 2022-04-26
- Go学习-基本语法(一) 2022-04-26
- Solon 1.7 重要发布，更现代感的应用开发框架 2022-04-26
- 从模型复杂度角度来理解过拟合现象 2022-04-26
- [源码解析] TensorFlow 分布式之 MirroredStrategy 分发计算 2022-04-26
- B08. BootstrapBlazor实战 Menu 导航菜单使用(2) 2022-04-26
- python数据处理-matplotlib入门(2)-利用随机函数生成变化图形2 2022-04-26
- 对进程、线程和协程的理解以及它们的区别 2022-04-26
- 短信登录与注册接口、前端所有方式登录注册页面、redis数据库介绍与安装 2022-04-26
- Java随想1 2022-04-25
- 你的编程能力从什么时候开始突飞猛进? 我的回答：2013年，我开始喜欢编程了。 2022-04-25
- python学习-Day39-HTML-form表单 2022-04-25
- 从零开始学YC-Framework之初步 2022-04-25
- 神奇的宏定义 2022-04-25
热门标签