vue项目中引入element ui1.安装element ui1. 安装 Element-UI 模块
npm install element-ui --save2.在main.js中全局引入element uiimport ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(E
转载
2024-03-19 13:04:20
309阅读
性能优化方法有：1、使用“v-slot:slotName”；2、避免“v-for”和“v-if”同时使用；3、始终为“v-for”添加key，并且不要将index作为的key；4、使用延迟渲染等等。组件懒加载 在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常地大，造成进入首页时需要加载的内容过多，延时过长，不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面
转载
2024-04-07 14:42:02
143阅读
https://element.eleme.cn/#/zh-CN/component/quickstartyarn add babel-plugin-componentbabel.con
原创
2022-07-01 06:26:00
1225阅读
如果说是JQuery是手工作坊，那么Vue.js就像是一座工厂，虽然Vue.js做的任何事情JQuery都可以做，但无论是代码量还是流程规范性都是前者较优。看完本篇，你将会掌握基本的Vue.js知识。 准备首先，以下几点希望你已经知道或者做到了:你会用html+css+javascript 写一些网页你知道什么是DOM和BOM(Browser Object Model)你
https://element.eleme.cn/#/zh-CN/component/quickstart yarn add babel-plugin-component babel.config.js: module.exports = { presets: ['@vue/cli-plugin-b
原创
2024-04-28 14:33:36
105阅读
本篇我们来学习通过CND优化ElementUI的打包，以及完成根据生
原创
2023-03-19 09:35:16
345阅读
通过nprogress添加进度条效果安装nprogress插件：依赖 》安装依赖 》运行依赖，搜索nprogress，安装配置progress在axios.js中引入
原创
2022-10-11 16:46:37
260阅读
粒子特效： vue-particles nprogress 网页加载进度条 全局前置守卫 NProgress.start() 全局后置守卫 ：NProgress.done() 页面loding 单个页面加loading、阻止重复点击 通过element-ui的 Loading 加载（用户体验度最高的 ...
转载
2021-11-02 21:25:00
133阅读
2评论
可视化新建项目打开可视化面板vue ui创建项目可以保存为预设,下次使用此预设时就不需要再次配置了创建完成后我们可以看到他的文件结构vue3初体验入口
原创
2021-11-20 13:47:32
203阅读
目录一、环境配置1.1 安装脚手架（[Vue CLI](https://cli.vuejs.org/zh/)）1.2 创建项目1.3 VScode设置二、基础语法2.1 setup2.2 ref2.3 Reactive2.4 生命周期2.5 watch监听2.6 模块化2.7 defineComponent2.8 Teleport - 瞬间移动2.9 Suspense2.10 全局API修改三、
目录一、环境配置1.1 安装脚手架（[Vue CLI](https://cli.vuejs.org/zh/)）1.2 创建项目1.3 VScode设置二、基础语法2.1 setup2.2 ref2.3 Reactive2.4 生命周期2.5 watch监听2.6 模块化2.7 defineComponent2.8 Teleport - 瞬间移动2.9 Suspense2.10 全局API修改三、
转载
2024-10-15 00:24:42
86阅读
通过一个用户注册页面来介绍1、先下载下element-ui 使用命令【cnpm install element-ui】 页面中需要使用md5加密，所以一起把md5的js也下载下来 【cnpm install js-md5】2、下载好了，在main.js中导入下就可以开始使用了// 导入element-ui组件
import ElementUI from 'element-ui'
import "e
转载
2024-04-19 13:19:20
103阅读
1.老项目指只有jquery， html，css，js ，freemarker 等的原始项目。2.引入ElementUI步骤：a. 进入elementUI官网 CDN处<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><!-
原创
2022-01-14 16:58:31
1387阅读
1、路由懒加载，这个基本上每个项目必须。 2、Ui框架按需引入，也就是要用哪些组件引入哪些组件 3、关闭Map文件的生成，没关闭的vue项目打包后就会有很多的.map文件。这些文件主要是帮助我们线上调试代码，查看样式。脚手架2是在index.js。脚手架3就vue.config.js里面。将productionSourceMap 改为false。 4、使用cdnweb
转载
2023-12-20 01:05:01
42阅读
最近在整理以前的代码，碰到了写的element-ui整合vue的项目感觉挺好用的，就用一个案例分享给大家吧。首先还是直接附上一份单独网页版的代码吧，复制导入vue.js即用，不需要后端，感受下element-ui的强大。如果想要直接的案例，不想进行简单尝试，请直接调到标题二：案例环境1. 单独网页版代码：<!DOCTYPE html>
<html lang="en">
&l
转载
2024-04-23 16:00:34
95阅读
为了保证创建过程中避免出现因权限不足的原因 从而 导致创建失败的问题，我们使用 管理员身份 打开命令行第一步，打开命令行后，首先进入我们想要创建项目的目录下g: 表示切换进入G盘cd git 表示打开 当前盘下的 git 文件夹大家可以根据以上两个命令进入自己想要保存项目的目录下，我这里是保存在 G:\Git 文件夹第二步，执行 vue create xxxx 命令x
Vue+ElementUI前端开发环境搭建一 VUE简介1.1 渐进式1.2 MVVM模型1.3 响应式二 VUE环境搭建2.1 安装配置node.js2.2 配置镜像€提升速度2.3 全局安装vue2.4 安装脚手架vue-cli2.5 配置vue环境变量三 新建项目3.1 初始化3.2 初始化项目安装依赖3.3 启动项目四 开发环境4.1 开发工具4.2 目录结构4.3 插件导入五 安装问题
转载
2024-09-30 13:47:36
266阅读
出于对网站性能的要求，有时候我们不希望一些比较大的第三方库直接打包到最后的bundle中，而会选择在打包的时候忽略他们，并直接使用CDN上面的资源。脚手架经过升级，cli4的相关配置都需要在vue.config.js这个文件中进行，如果你没有这个文件请自己新建一个（与package.json同级）。 这里我们首先配置configureWebpa
环境要求NodejsNodejs官网下载地址：://nodejs.cn/
原创
2022-03-29 11:24:07
579阅读
当我们项目开发到后期的时候，可能就要谈及到去优化下项目了，比如经常碰见的：打
原创
2022-08-21 00:59:29
231阅读
