E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
VUE-CLI
在Vue中使用echarts
以下是我使用的一些心得体会~我的示例是在
vue-cli
搭建安装ec
HD243608836
·
2022-05-25 21:27
vue
echarts
vue
vue根目录下的index.html中的id="app"与src目录下的App.vue中的id="app"为什么不会冲突
具体描述在vue的项目开发中,我们通过
vue-cli
生成的项目结构中默认有index.html的文件作为默认的渲染主页文件它的外层div有id=”app”,而在项目的src目录中主组件App.vue中它的外层
RotatingBlock
·
2022-05-25 18:49
2017年11月
Vue
归档
vue-js
vue3使用vue-router及路由权限拦截方式
vue-router及路由权限拦截vue3使用vue-router讲解使用vue-router及路由权限拦截vue3使用vue-router的方式和vue2基本一样,只不过初始化路由时需要用到一些函数来定义而已,另外
vue-cli
·
2022-05-25 13:17
vue-cli
多页面应用实践,实现组件预览
vue-cli
多页面应用vue技术栈的同学,大多是用
vue-cli
来搭建单页面应用。
·
2022-05-23 22:10
为什么我写了路由懒加载但代码却没有分割?
这个问题很简单:我用
vue-cli
创建的项目,按照vue的路由懒加载写法,打包后却发现代码并没有分割,全部都打包到app.js中了,导致app.js体积过大,且没有路由的按需加载了。
·
2022-05-23 00:26
为什么我写了路由懒加载但代码却没有分割?
这个问题很简单:我用
vue-cli
创建的项目,按照vue的路由懒加载写法,打包后却发现代码并没有分割,全部都打包到app.js中了,导致app.js体积
rain_watcher
·
2022-05-22 23:00
vue-cli
下的首屏加载性能优化
一、路由懒加载当我们构建应用时,js包会变得特别大,非常影响加载速度。如果我们能把不同路由对应的组件进行分隔,但路由被访问时在再加载对应的组件,这样会高效很多,具体实现方式:传统静态引用方式:importHelloWorldfrom'@/pages/HelloWorld'routes:[{path:'/',name:'HelloWorld',component:HelloWorld}]ES6模块化
lily_zhouou
·
2022-05-21 19:41
其它
vue全家桶(Vue+Vue-router+Vuex+axios)(Vue+webpack项目实战系列之二)
一、Vue系列一已经用
vue-cli
搭建了Vue项目,此处就不赘述了。二、Vue-routerVue的路由,先献上文档(https://router.vuejs.org/zh-cn/)。
weixin_30527143
·
2022-05-21 17:43
webpack
javascript
ViewUI
Vite 与 Vue Cli 对比 - 尤雨溪: Vite 会取代
vue-cli
吗?
本文完整版:《Vite与VueCli对比-尤雨溪:Vite会取代
vue-cli
吗》尤雨溪在发布Vite之后写了一条推,感觉不会在用webpack了(
Vue-cli
基于Webpack开发,并配置了Webpack
·
2022-05-20 22:21
全网最硬核的Element-UI从
Vue-cli
迁移至Vite(二)
一、前言前不久,对ant-design-vue-pro项目进行了迁移,参考文章:全网最硬核的Ant-Design-Vue从
Vue-cli
迁移至Vite(一),迁移后的项目地址:GitHub-Seals-Studio
·
2022-05-20 19:05
Vue环境准备——nodejs, npm
下载及安装配置首先需要明确下面这3个东西是用来干什么的:npm:Nodejs下的包管理器webpack:它主要的用途就是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包
vue-cli
Drawing1998
·
2022-05-19 07:44
小技能
node.js
全网最硬核的Ant-Design-Vue从
Vue-cli
迁移至Vite
通过实验表明,项目迁移后,从
Vue-cli
的近2分钟,到Vite的5秒(项目大小不同,时间也不同),提升了几十倍甚至上百倍的速度。本文针对老项目从
Vue-cli
迁移到Vite,提供了全网最全的方案。
·
2022-05-18 22:36
使用NodeJs构建属于自己的前端脚手工具
一.前言在日常开发中,我们经常会用到各种脚手架工具,如常用的vue和react脚手架工具:
vue-cli
、CreateReactApp。只需要执行内置命令和选择内置条件就可以生成对应的项目模板。
·
2022-05-18 15:59
node.js脚手架cli
VUE使用详细教程
模块化开发P72WebpackLoaderhttps://www.webpackjs.com/loaders/可在这个官网查看需要使用的loader将ES6转ES5安装并使用Vueplugin90-96没看
Vue-cli
DeepM
·
2022-05-17 16:52
前端
vue
javascript
css
vue.js
vue2 过滤器,侦听器,计算属性,axios,
vue-cli
,vue组件
过滤器过滤器注意点1.要定义在filters节点下,本质上是一个函数2.在过滤器函数中,一定要有return值3.在过滤器的形参中,可以获取到“管道符”前面待处理的那个值4.如果全局过滤器和私有过滤器名字一致,此时按照就近原则,调用的是"私有过滤器"{{message|capi}}Vue.filter('capi',(str)=>{returnstr.charAt(0).toUpperCase()
n'an-n'an
·
2022-05-17 11:56
vue.js
02-vue 侦听器 计算属性、单页面应用程序◆ vite 的基本使用
vue-cli
vue 组件-props axios 的基本使用
watch侦听器1.什么是watch侦听器watch侦听器允许开发者监视数据的变化,从而针对数据的变化做特定的操作。语法格式如下:2.使用watch检测用户名是否可用监听username值的变化,并使用axios发起Ajax请求,检测当前输入的用户名是否可用:3.immediate选项默认情况下,组件在初次加载完毕后不会调用watch侦听器。如果想让watch侦听器立即被调用,则需要使用immed
W蘭
·
2022-05-17 11:55
Vue2.0-3.0
vue.js
javascript
Vue3+TypeScript基础应用
Vue-cli
构建vue3安装vue-clinpminstall-g@vue/cliyarnglobaladd@vue/cli查看安装版本:vue--version如果低于4.5.6可以更新一下,老版本没有创建
ruebass_nevil
·
2022-05-17 11:53
前端
vue.js
typescript
如何搭建 Vue3 + TypeScript 开发框架
一、新建项目1、vuecreatevue3_ts【保证
vue-cli
的版本在V4.5.0以上《查看版本vue-V》,此时才有创建Vue3的选项】$vuecreatev3_ts?
飞扬_柳絮
·
2022-05-17 11:21
vue
2.VUE基础 --过滤器,侦听器,计算属性,axios,
vue-cli
的使用
过滤器过滤器的注意点要定义到filters节点下,本质是一个函数在过滤器函数中,一定要有return值在过滤器的形参中,可以获取到“管道符”前面待处理的那个值如果全局过滤器和私有过滤器名字一致,此时按照“就近原则”,调用的是”私有过滤器“watch侦听器一、什么是watch侦听器watch侦听器允许开发者监视数据的变化,从而针对数据的变化做特定的操作。语法格式如下:constvm=newVue({
web菜
·
2022-05-17 11:19
web
vue.js
javascript
前端
Vue基础入门(二)------侦听器、计算属性、
vue-cli
、vue组件
目录1.侦听器2.计算属性3.vue-cli3.1什么是vue-cli3.2安装和使用3.3vue项目的运行流程4.vue组件4.1vue中的组件化开发4.2组件的props1.侦听器侦听器要定义到watch节点下面,和methods平级;侦听谁就把谁当作函数名(这里是username),只要username变化就会触发username函数侦听器的格式方法格式的侦听器缺点1:无法在刚进入页面的时候
举一个栗子吖
·
2022-05-17 11:19
前端框架
Vue
vue.js
前端
vue基础入门之侦听器、计算属性、
vue-cli
、vue组件
作者:大月月.分享知识:vue基础入门❌:拒绝摆烂,天天向上vue基础入门vue基础入门vue基础入门侦听器1.什么是watch侦听器2.使用watch检测用户名是否可用3.immediate选项4.deep选项5.监听对象单个属性的变化计算属性1.什么是计算属性2.计算属性的特点vue-cli1.什么是单页面应用程序2.什么是vue-cli3.安装和使用4.vue项目的运行流程vue组件1.什么
大月月.
·
2022-05-17 11:42
vue.js
前端框架
vue
【Vue入门必备知识篇02】--- 侦听器、计算属性、
Vue-cli
和Vue组件
前言❤️生活本来就是一场恶战,给止疼药也好,给巴掌也罢,最终都是要单枪匹马练就自身胆量,谁也不例外❤️【Vue入门必备知识篇02】---侦听器、计算属性、
vue-cli
和vue组件一、watch侦听器(
battledao eternity
·
2022-05-17 10:30
Vue
vue
前端
vscode
【Vue】项目:尚品汇后台管理系统(上)
主要涵盖的技术点:
Vue-cli
、Axios、Vuex、Element-UI、菜单权限、按钮权限、
饭啊饭°
·
2022-05-17 10:57
Vue项目
javascript
css3
vue.js
elementui
Vue3 从零搭建项目及插件的使用
cli4.5.12完整代码:https://download.csdn.net/download/weixin_44590591/768576681、项目初始化1.1、项目前期需求//使用Vue3,需要升级
vue-cli
FogDispersed
·
2022-05-16 14:25
Vue3
vue.js
前端
Vue3
使用
vue-cli
创建vue3+ts项目
使用
vue-cli
创建vue3+ts项目提示:该文章为vue3+ts的!该文章是博主看的B站尚硅谷视频课来进行整理的!尚硅谷的课真的很不错!
·
2022-05-16 13:34
Vue3快速上手
Vue3快速上手提示:Vue尚硅谷笔记整理一、使用
vue-cli
创建Vue3.0工程(js版)官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html
·
2022-05-16 11:27
从零搭建一个vue项目
第一步:了解工具;首先我们需要一些工具,比如npm、nodejs、
vue-cli
和一个编译器vscode(也可以用别的,这里用vscode作为开发工具演示)。
爱酱丶
·
2022-05-15 13:59
vue
搭建项目
vue-cli
创建项目及项目结构解析
2.4选择Eslint代码验证规则2.5选择什么时候进行代码规则检测2.6选择如何存放配置2.7是否保存当前配置3.项目的配置图4.项目创建完成5.输入npmrunserve启动项目6.项目结构解析上一篇
vue-cli
·
2022-05-15 12:28
vue-cli
迁移 vite2 实践小结
这次趁着vite2.0发布,也成功将一个基于
vue-cli
(-service)+vue2的已有项目进行了迁移。迁移工作比较顺利,花了不到半天时间。
·
2022-05-13 14:15
vite构建工具vue-cli
Vue3学习笔记-masaikk
笔记源文件位于masaikk/interviewAccess-码云-开源中国(gitee.com)vue项目基础
Vue-cli
相关知识vue-cli-service封装了webpack例如demo1/node_modules
马赛克医院
·
2022-05-13 12:08
vue.js
javascript
前端
前端框架
可修改接口地址的配置文件
一、第一种方法此方法其实就是在
vue-cli
里把我们需要配置修改的文件直接进行抽离,不让webpack把
方豆儿
·
2022-05-12 10:17
Vue学习杂记(七)——
vue-cli
的使用以及eslint风格
vue-cli
的使用一、什么是
vue-cli
框架二、如何使用vue-cli2.1vue-cli配置新项目2.2vue-cli目录结构说明2.3vue-cli运行项目三、eslint代码风格3.1eslint
凌空暗羽
·
2022-05-11 08:03
#
Vue.js
编译环境问题
前端开发
vue.js
eslint
vue-cli
vue3学习路程1——创建vue3项目
创建vue3项目一、
vue-cli
版本对于Vue3,你应该使用npm上可用的VueCLIv4.5作为@vue/cli。
北辰//
·
2022-05-11 08:02
学习
vue.js
javascript
Vue3项目搭建及使用——(1)下载
vue-cli
脚手架,创建新项目
1、下载安装nodejs首先,下载并安装nodejs,nodejs官网下载(不要钱):https://nodejs.org/en/download/。选择对应os版本和位数,下载安装即可。安装时,如果嫌手动配置环境变量麻烦,可以选择AddtoPATH选项,安装后自动加入系统环境变量。如图,我是装在C:\develop\nodejs下的:安装成功后运行CMD,node-v、npm-v检查一下:出现对
花生丿牛奶
·
2022-05-11 08:30
Vue之路
Vue3
Vue-cli
VUE 3——3:脚手架构建工具介绍及在创建 Vue 3 项目中的应用
在前面的文章中,我们不推荐新手直接使用
vue-cli
,(尤其是在还不熟悉基于node.js的构建工具时),而是通过直接引用的方式:随着页面中组件越写越多,单个HTML文件终究无法完成实际的整个Vue项目
dangfulin
·
2022-05-11 08:59
web前端
vue3脚手架
vue项目结构
vue3
从零开始创建Vue项目(附带模板Demo)
文章目录前言一、node.js安装1.下载2.安装3.配置npm镜像cnpm4.安装vue脚手架
vue-cli
二、创建项目三、项目构建1.后端请求模块构建2.路由及项目结构前言新手向教程,包含vue项目模板的使用一
Aiden Targaryen
·
2022-05-10 14:27
vue
Vue2基础(6)——
vue-cli
、element-ui、axios拦截器、proxy接口代理
黑马程序员Vue全套视频教程,从vue2.0到vue3.0一套全覆盖,前端必会的框架教程_哔哩哔哩_bilibili喜欢的小伙伴们别忘了投币,点赞,收藏呦,历经5年的反复打磨与锤炼,黑马程序员重磅推出全套最新的Vue2+Vue3基础课程。共计500多集的免费视频,助您轻松掌握前端圈最火的Vue框架!https://www.bilibili.com/video/BV1zq4y1p7ga?p=399&
番大茄子
·
2022-05-10 05:10
Vue
vue.js
javascript
一篇文章说清 webpack、vite、
vue-cli
、create-vue 的区别
webpack、vite、
vue-cli
、create-vue这些都是什么?看着有点晕,不要怕,我们一起来分辨一下。
金色海洋(jyk)
·
2022-05-09 13:00
脚手架(
vue-cli
)创建Vue项目的超详细过程记录
目录cli3.x/4.x创建Vue项目1.创建项目2.项目手动配置3.选择vue版本4.路由模式5.配置文件的存放位置6.配置保存项目创建成功总结cli3.x/4.x创建Vue项目1.创建项目vuecreatevue_project(项目名)敲击回车,出现以下页面此处本人一般选择手动配置,因为eslint真的是个很可怕的东西,它对代码格式的严格要求,真的会把人逼疯的,代码有一点点不规范的地方程序都
·
2022-05-09 11:25
Error: Rule can only have one resource source (provided resource and test + include + exclude) in {.
vue-cli
项目运行npmrundev/npmrunserve后报错:Error:Rulecanonlyhaveoneresourcesource(providedresourceandtest+include
公孙元二
·
2022-05-08 10:26
BUG心得
vue
bug
postcss-px-to-viewport在Vite中如何配置
项目描述:vite+vue3+ts移动端问题描述:安装完postcss-px-to-viewport插件后,按照之前
vue-cli
项目的方式,src目录下新建postcss.config.js文件并进行规则配置
·
2022-05-07 18:56
Vue脚手架(
vue-cli
)安装与SPA项目创建
一、
vue-cli
介绍什么是
vue-cli
?
夜雨微澜°
·
2022-05-07 12:53
Vue
vue.js
webpack
javascript
Vue中使用axios(Ajax)+ElementUI实现登录
一、引入和配置使用ElementUI框架1.使用
vue-cli
脚手架工具创建一个vue项目vueinitwebpack项目名2.npm安装elementUIcd项目名
夜雨微澜°
·
2022-05-07 12:04
Vue
vue.js
elementui
javascript
ajax
axios
使用vue3+TS实现简易组件库的全过程
目录前置组件编写dropdownform验证总结前置首先下载
vue-cli
,搭建我们的环境,vue-create-luckyUi,选择vue3和TypeScript。
·
2022-05-06 16:58
学习 Vue组件化编程 这一篇就够了
目录:Java工程师的进阶之旅vue2.0核心
vue-cli
目录一、对组件的理解1.1、模块与组件、模块化与组件化1.2、传统方式编写应用1.3、组件方式编写应用二、非单文件组件2.1、简介2.2、基本使用
Laptoy
·
2022-05-04 07:15
vue
组件化
vue-cli3.0的安装
VueCLI的包名称由
vue-cli
改成了@vue/cli。
时间的溺水者
·
2022-05-03 22:32
vue+Element实现静态旅游网站
页面效果:1.用vue脚手架:
vue-cli
,新建一个vue项目。
weixin_30604651
·
2022-05-02 14:59
javascript
ViewUI
Vue+element 项目搭建
文章目录前言环境
vue-cli
项目创建改造一改造二改造三测试使用elementui安装loader测试总结前言最近有点小动作了,有两个项目需要推进,要把前端的玩意捡起来了。
Huterox
·
2022-05-02 14:57
web学习
vue
Vue3前端模仿实现Windows窗口
资料太少而我太菜了,所以一直不敢用Vue3搭新项目,现在随着Vue3正式版本的发布,而且相关配合的子项目库也已经完善,大量的翻译资料和文献都已经可以百度到了,再加上领导支持用Vue3新框架,所以我在新项目上着手用
vue-cli
ZERO丶X
·
2022-04-25 14:54
VUE
javascript
vue.js
typescript
Web前端开发之VUE16——项目开发集、element-UI部署
目录
vue-cli
:解决PowerShell不能识别vue命令的问题:vue默认提示消息隐藏:vue2路由的创建:vue组件库:Element-UI组件库:修改默认页面名称:
vue-cli
:解决PowerShell
言行物恒
·
2022-04-25 14:22
#
Web前端开发——Vue
前端
vue
node.js
上一页
52
53
54
55
56
57
58
59
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他