vue项目总结
如果port被占用,修改浏览器的port,那么进入config的index.js的port修改串口号即可。vue项目main.js文件下import router from \'./router\'默认导入router文件夹下index.js的原因https://www.cnblogs.com/beyrl-blog/p/8629178.htmlindex.js的module.exports包含dev和build两个部分。https://www.jianshu.com/p/8ab4fb18b6b9https:...
2024-01-10vue项目基本流程
一、做项目基本流程: 1、规划组件结构 Nav.vue Header.vue Home.vue..... 2、编写对应路由 vue-router 3、具体些每个组件功能 一些公共的文件jquery,jquery插件,一般在index.html文件里面引用 分析项目需...
2024-01-10vue项目怎么运行
因为要做毕业设计 ,准备用vue来做前端的界面。发现不知如何运行vue的项目,很尴尬。通过查阅网上教程,因此把环境搭建过程记录下来,以备不时之需。 言归正传~~ 首先,列出来我们需要的东西: node.js环...
2024-01-10vue项目打包报错
vue项目打包报错老项目拉下来后改了些样式,再次打包他会报错npm ERR! missing script: build npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2020-05-12T06_25_52_458Z-debug.log解决办法:找到package.json的,看有没有安装optimize-css-asset...
2024-01-10vue项目如何运行?
在师兄的推荐下入坑vue.js ,发现不知如何运行GitHub上的开源项目,很尴尬。通过查阅网上教程,成功搭建好项目环境,同时对前段工程化有了朦朦胧胧的认知,因此将环境搭建过程分享给大家。可以看下我的github:https://github.com/padipata ,里面有我学习、工作写的一些vue项目。言归正传~~首先,...
2024-01-10初始化前端vue项目
一、用webstorm或者vs(其他工具都可)打开项目>文件>打开二、可以现在控制台中输入 npm run serve 先运行项目,出现的local地址复制,打开浏览器输入就可以看到项目三、进入App.vue文件,删除多余的部份四、先清空路由文件中index.js的引入组件,再删除三个多余的组件结果如下图:五、再company中新建一...
2024-01-10vue项目使用深拷贝
浅拷贝 : 只是将数据中所有的数据引用下来,依旧指向同一个存放地址,拷贝之后的数据修改之后,也会影响到原数据的中的对象数据。例如:Object.assign(),...扩展运算符深拷贝: 将数据中所有的数据拷贝下来,对拷贝之后的数据进行修改不会影响到原数据。JSON.parse(JSON.stringify(obj))深拷贝的问题1、...
2024-01-10nuxt重构vue项目
背景:公司要求用nuxt重构vue项目,目的是为了服务端渲染ssr,提高加载速度,nuxt还可以实现seo优化,但是由于是后台管理项目,所以没用到这个功能。改造的时候确实遇到很多坑,想过不用这个框架,自己配置ssr,由于自己配置ssr更复杂,所以硬着头皮改完了,现在总结一下遇到的问题,一来做完...
2024-01-10vue前端项目,美国白屏
第一次用vue做项目,部署在美国服务器上之后,中国这能打开,但是美国打不开排除是浏览器的问题了以下是美国报错请问是我前端这边开发的问题吗,该如何解决呢如果有大神需要网址看一下问题,回复说一下,我私发吧,因为是第一次做项目,做得难看就不直接贴了在线等QAQ时差不一样,调试起来好麻烦呀QAQ,更新了三张美国那边的图,看起来好像也不是js加载的问题?这几张图能看出来是哪的问题吗还在问美国那边要vendo...
2024-02-17Vue商城项目02
改造新闻的路由链接把a链接改成router-link<router-link to="/home/newslist"><div class="mui-media-body">新闻资讯</div></router-link>匹配路由import NewsList from \'./components/news/NewsList.vue\'{ path: \'/home/newslist\', component: NewsList }新闻资讯 页面 制作绘制界面, 使用 MUI 中的 media-list....
2024-01-10Vue的项目文件介绍
一、初始化一个项目使用npm init -y来初始化一个项目。然后使用npm install --save-dev ...来安装需要的软件包,这样在package.json文件中就会自动添加相应的依赖。二、package.json和package-lock.json的区别package-lock就是锁定安装时的包版本号,需要上传到git上,以保证其他人在install时候,大家的依赖版本相同...
2024-01-10NUXT vue项目打包发布
nuxt是Vue项目服务器端渲染的通用型框架,主要作用是SEO优化;具体的搭建项目我这里就不做说明了,大家阔以参考https://zh.nuxtjs.org/guide/installation官方文档说明。接下来我为大家介绍一下打包发布到服务器的问题:1、首先执行npm run build;2、将打包好的.nuxtstaticnuxt.config.jspackage.json 这四个文件丢...
2024-01-10vue项目中使用骨架屏的方法
现在的应用开发,基本上都是前后端分离的,前端主流框架有SPA、MPA等,那么解决页面渲染、白屏时间成为首要关注的点webpack可以按需加载,减小首屏需要加载代码的体积;使用CDN技术、静态代码等缓存技术,可以减小加载渲染的时长问题:但是首页依然存在加载、渲染等待时长的问题。那么如何...
2024-01-10IDEA引入vue项目启动配置
第一步::默认配置第二步:来到你vue项目的目录看到(src同级)shift+右键打开cmd窗口 输入npm install之后项目就会多出一个node_modules的文件夹 下载成功第三步:下载成功后 在输入npm run dev 之后 项目就会自动运行了 这个就表示自动运行了 谢谢!!!...
2024-01-10Vue_打包并发布项目
一、 打包vue项目步骤:1、对当前vue项目进行打包的命令如下:npm run build 2、打包完成,会输出Build complete并且在vue项目中会生成一个名字为dist的打包文件。如下图:二、 使用静态服务器工具包发布打包的vue项目1、首先安装全局的serve,如下图: 命令如下:serve + 打包文件名serve dist 效果图如...
2024-01-109个实战Vue开发项目
1. iview地址: https://github.com/iview/iviewstar: 23.8kfork: 4.2kJavaScript项目iView是一套基于vue.js的开源UI组件库,主要服务于PC界面的中后台产品。它有着友好的API,详细的文档以及漂亮的ui界面。 2. PicGo地址: https://github.com/Molunerfinn/PicGostar: 13.2kfork: 1.4kJavaScript项目这是一个用Vue开发的实例,用electron...
2024-01-10vue项目接口域名动态获取操作
需求:接口域名是从外部 .json 文件里获取的。思路:在开始加载项目前 进行接口域名获取,然后重置 接口域名的配置项。实现:1、config/index.js 文件 进行基础配置import axios from 'axios'const config = { requestUrl: 'http://qiniu.eightyin.cn/path.json', //动态域名所在地址 baseUrl: { dev: '/api/', pro: 'http://xxx.com/' ...
2024-01-10启动vue项目空白,控制台报错
启动vue项目空白,控制台报错Uncaught TypeError: element_plus_lib_locale__WEBPACK_IMPORTED_MODULE_161___default.a is undefinedpackage.json"dependencies": { "axios": "^0.21.1", "core-js": "^3.6.5", "elem...
2024-03-03vue项目解决数字计算精度问题
js计算精度问题解决步骤:1.进入指定项目 终端安装依赖:npm install mathjs --save2.引入依赖包,在需要解决精度问题的页面引入mathjs: const math = require(‘mathjs’)使用math.format方法math.format(a*b,num)a,b表示需要计算的两个数,可以进行加减乘除平方等等计算num表示精度,最大为14,表示单一文本框最大的...
2024-01-10记录vue项目中遇到的一点小问题
1、鼠标悬浮显示不同的背景图片,代码如下:效果如图,页面初始效果:鼠标悬浮后效果:2、for 循环发送axios遇到的问题 问题背景:在声动语商项目中,需求更改后,出现一个:教师发布课程的时候要求一个课程同时发送给多个班级。现在的接口:每次只能发送一个班级的id,也就是:classesId字...
2024-01-10【Vue】vue项目如何设置接口
这是vue-resource请求数据的接口代码,我想在开发环境用的是http://localhost:8080/api/test在生产环境用:http://xxx.com/api/test能不能详细说一下要怎么做?有demo更好。感谢~~回答我的建议用一个文件(比如:http_url.js),记录所有接口。let localhostDev = true;//如果是本地开发,就把localhostDev 设置成true,连接就是拼...
2024-01-10使用vue3开发新项目的一个思考
以前写的代码都是在一个组件内 script 中写了很多代码少则200+,现在vue3组合API结合hook,我觉得可以把所有功能都抽离出去写在一个个js文件中,然后导入到组件中,这样在组件内部就会出现一个个 useFetch useFeture useXxx 这样在组件内主流程一眼就明白,如果想查看某个功能的具体实现,就可以直接看该功能的 hook 这样写的项目各位怎么看?回答:Vue官方示例文...
2024-03-01项目vue2.0仿外卖APP(一)
http://www.cnblogs.com/Chen-XiaoJun/p/6247225.html最近在学习慕课网的课程:用vue.js做一个仿饿了么外卖APP的项目,现在也把流程啊什么的暂时先整理一下在这个博客上面。当然,这个过程会有点长,不过确实能学到很多东西。话不多说,马上开始吧。注:当我们把用vue-cli脚手架搭建成的vue项目复制到其他...
2024-01-10vue项目hash路由锚点定位问题
路由 hash 模式已经将#占用, 页面的锚点功能失效,此时就不能使用a标签进行定位跳转了。//a标签跳转方法;//初始位置 跨页面需要在‘#’前面加上页面路径;<a href="#top">跳转到顶部</a>//目标位置;<div id="top">这是顶部</div> 其他方法:window.scrollTo(x,y); x,y为坐标,需要知道目标位置的准确坐标;...
2024-01-10