1.Vue3的现状vue-next2020年9月18日,正式发布vue3.0版本,但由于刚发布周边生态不支持,大多数开发者处于观望现在主流组件库都已经发布了支持vue3.0的版本,其他生态也在不断完善中,这是趋势
element-plus 基于Vue3.0的桌面端组件库vant 3.0版本,有赞前端团队开源移动端组件库ant-design-vue 2.0版本,社区根据蚂蚁antdesign
转载
2024-06-07 15:39:04
54阅读
作者：Matt Maribojoc图标（当被准确使用的时候）是一个吸引访客注意力的好方式，并且可以给予他们视觉线索。随着VueJS的兴起，特别是Vue3.0版本的发行带来的预期，社群同样也开始开发更多的可以直接被人们在Vue中开发时使用的Vue图标库。这儿有一份我使用过的（或者想要使用的）8个免费的Vue图标库的列表，这个列表涵盖了从自始至终独立的Vue库到纯粹的图标库的所有内容。仅仅只要确保你不
vue3 接入 Element Plusvue3 发布已经很久了，官方也已经发布公告，自2023年12月31日起停止对 vue2 版本的维护更新，因此，vue3 正式登上了历史的舞台。组件库一直是前端开发的利器，减少了开发者开发复杂度，提高开发效率，在 vue2 中，最常使用的是 element-ui 组件库，在 vue3 发布之后，element-ui 也推出了针对于 vue3 版本的组件库 E
原创
2024-01-16 17:04:07
518阅读
一、环境搭建1、安装node （node -v查询版本号）node 安装 ---- 官网下载安装 2、安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org 3、安装 webpack，以全局的方式安装npm install webpack -g (
一个vue.js的项目，另一个人想要买过去，但是需要换一下风格。一、需求换的东西不多，主要包括： 1、主色调：原来是紫色，需要换成浅蓝色 2、logo、一些背景色 3、一些操作按钮的颜色 4、一些menu和小图片二、分析1、后台逻辑和javascript逻辑上均没有改动，都是html、css层面的东西 2、此项目后续还要开发新功能所以，方案是基于一套代码做切换。三、开工1、首先在App.vue中加
转载
2024-10-23 11:48:23
168阅读
Vue3脚手架指南在DOS命令行窗口下操作使用Vue3，必须安装node.js，执行如下命令，检查node环境： >node -v
v16.14.0 1.安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 2.安装脚手架Vue的脚手架名称由vue-cli改成了@vue/cli，如果以及全局安装了旧版本的v
转载
2024-09-26 07:31:36
160阅读
先下载往期vite project项目直接开始安装npm i element-plus 为了方
原创
2022-11-01 16:29:29
735阅读
作者 | 全能的阿豪大家在做后台管理系统时一般都会涉及到菜单的权限控制问题。当然解决问题的方法无非两种——前端控制和后端控制。我们公司这边的产品迭代速度较快，所以我们是从前端控制路由迭代到后端控制路由。下面我会分别介绍这两种方法的优缺点以及如何实现（不熟悉vue-router API的同学可以先去官网看一波API哈）。我先简单说下项目的需求：如下图所示，有一级菜单和二级菜单，然后不同的人
vue.js Vue中提供了一些固定的标签来方便我们在开发过程中使用，并且在开发过程中，我们很有可能因为要使用某些第三方库而不得已要操作DOM元素，因此如何获取并操作DOM元素的使用呢。Vue中提供的标签component这个标签是用来展示组件的
// 直接通过自定义组件名称当作标签使用
new Vue({ el: "#app", components: { "要展示的
转载
2024-07-10 14:37:51
227阅读
前言2019.10.5日发布了Vue3.0,现在2020年了，估计Vue3.0正式版也快出来了。2.0跟3.0的变化也挺大的，结构: 2.0用Flex ,3.0用 TypeScript。性能: 3.0优化了Virtual Dom的算法。响应式原理:2.0用 Object.defineProperty,3.0用Proxy...Vue2.0和Vue3.0实现原理Vue 2
转载
2024-10-14 09:43:29
220阅读
0 前言这两天 Yogurt 的部门成员开始提出离职，临过年了，来年祝好吧。但是在新的成员加入之前，一些需求单的处理就都要暂时归 Yogurt 来负责了。但 Yogurt 终归是一个人，没有三头六臂，万一后面需求多了，自己记不过来那就太耽误事了。所以想着开发个动态提交表单的工具，过了年来就可以用了。时间不多不少 1 个月，晚上抽点时间来做开发，加上春节，应该来得及。Web 端用 ElementUI
转载
2024-10-28 11:31:58
157阅读
作者：Matt Maribojoc 译者：前端小智 后面的模板是我们做后台管理系统经常所需要的东西。 虽然，我们总可以花很多时间从头开始设计自己的模板，但有现在的模板让我们套，节省我们更多时间用来摸鱼，何乐而不为呢。这些现有出色模板，除了节省时间外，还附带这些好处：内置常用案例的组件跨不同视图的一致样式内置响应式设计技术支持和文档1. Vue Black Dashboard Pro线上地址：htt
首先在toast文件夹去创建一个index.js文件，在js文件中创建一个对象，将他导出// index.js
const toast = {}
export default toast在main.js中导入这个文件，并且use它// main.js
import toast from 'toast/index.js'
Vue.use(toast)我们知道use，就是调用该对象的install方法
迄今为止做的最大的 Vue 项目终于提交测试，天天加班的日子终于告一段落。。。在开发过程中，结合 Vue 组件化的特性，开发通用组件是很基础且重要的工作通用组件必须具备高性能、低耦合的特性为了满足这些特性，开发的时候有很多需要注意的地方，这里我和大家分享一下我的心得 一、数据从父组件传入为了解耦，子组件本身就不能生成数据。即使生成了，也只能在组件内部运作，不能传递出去。父对子
移动端组件，预期效果如图#############################################思路： 日历分两部分，上半部功能区和下半部展示区。功能区展示年月，可以左右切换年月。下半部展示日历，点击即为选中。默认日期有底色，选中日期为另一底色，默认为6行7列第一种，计算每个月第一天和最后一天第二种：时间戳知识点：// 获取某月最后一天
var date= new Date(ye
这个例子还是比较简单的，独立完成后，能大概知道vue是干嘛的，可以写个todoList的小例子。开始写例子之前，先对环境的部署做点简单的介绍，其实和Vue官方的差不多。#如若没有安装过vue-cli,先全局安装一下vue-cli
$ cnpm i -g vue-cli
#到自己喜欢的目录下创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
#
#
转载
2024-06-07 18:11:05
69阅读
。现在是实现侧边栏菜单。点击左侧菜单项，对应页面展示在右侧。
原创
2022-10-02 08:49:34
7465阅读
# Vue 3 使用 HTML5 Plus 的指南
在这篇文章中，我将指导你如何在 Vue 3 项目中使用 HTML5 Plus。HTML5 Plus 是一个功能强大的 API，通常用于应用程序的开发，尤其是在手机端。我们将通过简单的步骤来了解如何实现这一点。
## 项目流程概述
在开始之前，让我们先看一下这个流程的概述。
| 步骤 | 描述
原创
2024-09-06 03:15:01
260阅读
# Vue 3 使用html5plus 教程
在本文中，我们将学习如何在 Vue 3 项目中使用 HTML5Plus API。HTML5Plus 是一种丰富的原生API，通常用于开发移动应用程序。我们将通过以下步骤实现这一目标。
## 实现流程
下面是实现 Vue 3 使用 HTML5Plus 的步骤概览：
| 步骤 | 描述 |
|--
在项目中有产品需要使用带有样式的柱状统计图，查找echarts并没有可以设置的样式，因此通过svg标签来实现，记录自己的编写过程，防止忘记。统计图样式如下，需要有椭圆样式以及渐变色（背景可以svg标签外包div通过设置css背景图片实现）1.html部分<svg id = "tongji" width = "690" :height='
