vue项目怎么运行
因为要做毕业设计 ,准备用vue来做前端的界面。发现不知如何运行vue的项目,很尴尬。通过查阅网上教程,因此把环境搭建过程记录下来,以备不时之需。 言归正传~~ 首先,列出来我们需要的东西: node.js环...
2024-01-10vue项目如何运行?
在师兄的推荐下入坑vue.js ,发现不知如何运行GitHub上的开源项目,很尴尬。通过查阅网上教程,成功搭建好项目环境,同时对前段工程化有了朦朦胧胧的认知,因此将环境搭建过程分享给大家。可以看下我的github:https://github.com/padipata ,里面有我学习、工作写的一些vue项目。言归正传~~首先,...
2024-01-10初始化一个vue项目
1.安装node端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令。(需要用管理员权限cmd)。2.查看node的版本号下载好node之后(默认安装即可自动配置好环境变量),以管理员身份打开cm...
2024-01-10vue 实际项目总结
vue+element+es6vue 项目开发总结:①对后台数据的要求,最好最省事的开发格式 1、复选框值: true/false 2、单选按钮: 字符串格式 3、克隆新增功能: get带参返回数据 最好 和save保存时要求的数据一致, 一些没用的数据影响功能的最好别返回 ...
2024-01-10vue项目使用深拷贝
浅拷贝 : 只是将数据中所有的数据引用下来,依旧指向同一个存放地址,拷贝之后的数据修改之后,也会影响到原数据的中的对象数据。例如:Object.assign(),...扩展运算符深拷贝: 将数据中所有的数据拷贝下来,对拷贝之后的数据进行修改不会影响到原数据。JSON.parse(JSON.stringify(obj))深拷贝的问题1、...
2024-01-10node打包vue项目
1、控制台在项目根目录执行npm run build会在根目录产生一个dist文件夹2、打开index.html,网页控制台可以看到错误Failed to load resource: net::ERR_FILE_NOT_FOUND修改根目录下config/index.js 中的build下assetsPublicPath为空3、刷新index.html,可以打开网页,但element-ui的icon不能正常显示网页控制台依然显示 Failed to load r...
2024-01-10社区项目前端vue总结
前序在开发社区项目的前端时,根据当前的流行,选择了前后端分离,另外一方面也可以实现后端与前端的解耦。使修改前端代码的时候,无需再打包后台程序。另外用用vue,提升一下技能。后端程序也得会前端啊。一些总结在开发中,总有一些方法在多个组件或者view中使用,每次都需要手动引入...
2024-01-10vue前端项目,美国白屏
第一次用vue做项目,部署在美国服务器上之后,中国这能打开,但是美国打不开排除是浏览器的问题了以下是美国报错请问是我前端这边开发的问题吗,该如何解决呢如果有大神需要网址看一下问题,回复说一下,我私发吧,因为是第一次做项目,做得难看就不直接贴了在线等QAQ时差不一样,调试起来好麻烦呀QAQ,更新了三张美国那边的图,看起来好像也不是js加载的问题?这几张图能看出来是哪的问题吗还在问美国那边要vendo...
2024-02-17vue项目打包后一片空白
修改在config文件夹下面的index.js中build模块导出的路径,assetsPublicPath默认的是’/’,也就是根目录。而index.html和static在同一级目录下面,所以改为’./’另外在src里面router/index.js路由设置里边默认模式是hash,如果改成了history模式的话,打开也是一片空白。 随手附送个解决方案http://www.php.cn/js-tutorial...
2024-01-10Vue商城项目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项目中使用骨架屏的方法
现在的应用开发,基本上都是前后端分离的,前端主流框架有SPA、MPA等,那么解决页面渲染、白屏时间成为首要关注的点webpack可以按需加载,减小首屏需要加载代码的体积;使用CDN技术、静态代码等缓存技术,可以减小加载渲染的时长问题:但是首页依然存在加载、渲染等待时长的问题。那么如何...
2024-01-10vue2.0仿今日头条开源项目
vue-toutiao这是用 vue.js 2.0 高仿 今日头条 的移动端项目,结合了原生app的部分功能以及网页版。前言本人是 今日头条 的重度用户,在学习vue.js过程中,在GitHub上看到了很多高仿webapp的好项目。由此在有了一定的技术积累后,开始构思使用Vue写今日头条,一是自己对于头条的喜爱,另外也是对于...
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-03记录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-01Vue商城项目05(完)
实现购物车效果用vuex并设计购物车数据存储方式运行 cnpm i vuex -Simport Vuex from ‘vuex’Vue.use(Vuex)var store = new Vuex.Store({})在vm实例中挂载 store 状态管理对象 store点击加入购物车功能 addToShopCar() { // 添加到购物车 this.ballFlag = !this.ballFlag; // { id:商品的id, count: 要购买的数量, price...
2024-01-10你知不知之运行vue项目运行不起来
VUE启动问题(You may use special comments to disable some warnings)今日创建了一个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在vue项目中设置BASE_URL
1.在config文件夹中新建global.js文件const BASE_URL = 'http://192.168.1.62:8080/rest/'export default { BASE_URL} 2.在入口文件中引入,设置为全局变量import global_ from '../config/global.js'Vue.prototype.GLOBAL = global_; 3.在有需要的地方引入baseUrlcreated() { const baseUrl=this.GLOBAL...
2024-01-10【Vue】求助RSA加密,vue项目
试用vue编写的项目现在后台给了我公钥让我前端rsa加密给的密钥是asndskadhaddhsdkjalsdlaskdjlksjadl这种很长的一串字符串我看了下跟网上的begin等开头的不一样现在不知道怎么加密yonglenode-rsa但是好像加密错了求助回答Try thistravist/jsencrypt具体使用方法可以参照我最近的博客:Javascript当中的RSA加解密一、生成...
2024-01-10vue项目打包后打开页面空白解决办法
网上很多说自己的VUE项目通过Webpack打包生成的list文件,放到HBulider打包后,通过手机打开一片空白。这个主要原因是路径的问题。1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的。先看一下默认的路径。mo...
2024-01-10