vue项目实战1
VUE 项目实战1--------------------------------------------------server.js当前目录 要启两个服务 一个前端的 一个后端1. 启动后端服务node server.js2.启动前端的服务npm run dev10：22：00--------------------------------------------------懒加载 vue-Lazyloadrequirejs---------------------------------------...
2024-01-10
vue项目打包采坑
1.1. vue运行报错error:Cannot assign to read only property 'exports' of object '#'这个错误我是在打包完部署到nginx上才会报的，在本地环境可以正常运行，真坑；网上的资料说的报错原因是export和import不兼容啥的，经过我实际测试修改，问题出在使用export导出方法的js中，import了里面包含module.exports的js，这是两种不...
2024-01-10
vue项目之主页布局
2.基本结构 代码:<template> <el-container class="home-container"> <!-- 头部--> <el-header>Header</el-header> <el-container> <!--左侧--> <el-aside width="200px">Aside</el-aside> <!--主题--> <el-main>Main</el-main> </el-container> </el-c...
2024-01-10
vue项目RSA加密
试用vue编写的项目现在后台给了我公钥让我前端rsa加密给的密钥是asndskadhaddhsdkjalsdlaskdjlksjadl这种很长的一串字符串我看了下跟网上的begin等开头的不一样现在不知道怎么加密yonglenode-rsa但是好像加密错了求助···回复：一、生成一对秘钥生成链接将生成的秘钥暴露出去(如图):二、...
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-10
vue 实际项目总结
vue+element+es6vue 项目开发总结：①对后台数据的要求，最好最省事的开发格式 1、复选框值： true/false 2、单选按钮： 字符串格式 3、克隆新增功能： get带参返回数据 最好 和save保存时要求的数据一致， 一些没用的数据影响功能的最好别返回 ...
2024-01-10
node打包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手写加载动画项目
在页面没有响应时，展示加载动画是一种对用户友好的表现，不至于白屏，等响应内容渲染到页面时再移除动画先放loading效果图原理：伪类+动画，下面是步骤图，贴上助于理解，加载动画本质是设置一个定宽定高的正方形，border-radius: 50%;使其成为圆形，再给该div3px的边框并设为透明，然后在单独设...
2024-01-10
vue 启动项目的报错
These dependencies were not found:regenerator-runtime/runtime.js in ./src/permission.js, ./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.2.2@babel...
2024-02-22
vue项目加入百度统计
百度统计注册地址：https://tongji.baidu.com/sc-web/在script标签中加入此脚本： // 百度统计 var _hmt=_hmt||[]; (function(){ var hm=document.createElement("script"); hm.src="https://hm.baidu.com/hm.js?a87a1e6fe16a34366d2109975560e5f6"; var s=documen...
2024-01-10
社区项目前端vue总结
前序在开发社区项目的前端时，根据当前的流行，选择了前后端分离，另外一方面也可以实现后端与前端的解耦。使修改前端代码的时候，无需再打包后台程序。另外用用vue，提升一下技能。后端程序也得会前端啊。一些总结在开发中，总有一些方法在多个组件或者view中使用，每次都需要手动引入...
2024-01-10
vue项目打包后一片空白
修改在config文件夹下面的index.js中build模块导出的路径，assetsPublicPath默认的是’/’，也就是根目录。而index.html和static在同一级目录下面，所以改为’./’另外在src里面router/index.js路由设置里边默认模式是hash，如果改成了history模式的话，打开也是一片空白。 随手附送个解决方案http://www.php.cn/js-tutorial...
2024-01-10
vue 项目中 js命名规则
类型规范示例常量全字符大写，单词用 '_' 分隔FETCH_USERS、GET_USERS变量、函数小写开头驼峰式camelCase类、特殊意义的命名空间大写开头驼峰式CamelCase方法、函数a. 动词 或 动词+名称 组合b. get 必须要有返回值 布尔值变量is 或 has 前缀 私有属性或方法用 '_' 或 '__' 前缀 事件处...
2024-01-10
vue2.0仿今日头条开源项目
vue-toutiao这是用 vue.js 2.0 高仿 今日头条 的移动端项目，结合了原生app的部分功能以及网页版。前言本人是 今日头条 的重度用户，在学习vue.js过程中，在GitHub上看到了很多高仿webapp的好项目。由此在有了一定的技术积累后，开始构思使用Vue写今日头条，一是自己对于头条的喜爱，另外也是对于...
2024-01-10
详解vue在项目中使用百度地图
第一步，去百度地图开发者申请秘钥。第二步在项目中引入，具体如下其中index.html存放地图链接，代码如下然后在APP.vue里面实现，代码如下<template> <div id="app"> <div id="allmap" ref="allmap"></div> <router-view></router-view> </div></template> <script>export default { name: 'App', methods:{ map(){ let map =new B...
2024-01-10如何在vue的项目封装函数通用？
大佬们，如何在vue的项目中封装函数通用，比如最少两个组件共用一套方法。有推荐的吗回答：一个是如果单纯是函数公用，可以提取这些函数出来，并使用 export 暴露，然后在需要使用的vue文件中 import 即可。? Module 的语法 - ECMAScript 6入门如果是公用的一套 template 和 script 也就是说，html模板，和大部分的js都是一致的，只不过某一个组件会多一...
2024-03-06vue项目打包后怎样优雅的解决跨域
前言在使用vue.js开发前端项目时，再结合webpack搞起各种依赖、各种插件进行开发，无疑给前端开发带来了很多便捷，就在解决跨域这个问题上，相信众多用vue.js的前端同僚们同我一样尝到了甜头，开发环境全靠proxyTable一通配置简直不要太酸爽。还不明所以然的新手们可能还没搞清我说的是什么，就...
2024-01-10
你知不知之运行vue项目运行不起来
VUE启动问题（You may use special comments to disable some warnings）今日创建了一个vue项目，结果运行不了疯狂报错。还好我机智，百度了一番。感谢各位同行发表的自身解决的办法，不然就死在了第一步。我的报错，如果你们和我一样，那么你非常幸运遇到了我。好，废话不多说，整起！第一种方式： 首先...
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项目管理项目的架构管理平台
关于vue项目管理项目的架构管理平台https://panjiachen.github.io/vue-element-admin-site/#/zh-cn/faq31.4k 次浏览完整项目地址：vue-element-admin系类文章一：手摸手，带你用vue撸后台 系列一（基础篇）系类文章二：手摸手，带你用vue撸后台 系列二（登录权限篇）系类文章三：手摸手，带你用vue撸后台 系列三(实战篇...
2024-01-10解决vue打包项目后刷新404的问题
vue打包项目后刷新404的问题Nginx配置server { listen 80; server_name localhost; index index.html; root /root/dist; location / { root /root/dist; try_files $uri $uri/ /index.html =404; } } 以上这篇解决vue打包项目后刷新404的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。...
2024-01-10
vue项目下载插件报错 有遇到的吗?
回答：一般是网络问题，还有要么不是你的node版本问题就是你下的插件版本不兼容。回答：报错已经说了，是你没有装python，编译c++模块需要python。装个python2，配置下环境变量试试。回答：node-sass 依赖 python 2，你需要先安装 python 2.x。回答：Core-js报错安装升级最新依赖即可。关于Node-Sass安装失败问题，类似node-sass,ro...
2024-03-07
vue项目对象的键值对的值是调用函数？
这种是访问属性的时候调用吗，这种方式不太理解，有没有大佬能解释下。回答：这种写法应该是把所有属性放到一个computed对象上，然后直接动态绑定到组件，类似于<TableA v-bind="rowSelection" />组件中<TableA :select-row-keys="selectedRowKeys" :selectedRows="selectedRows" :...
2024-03-07
vue项目完成后如何实现项目优化的示例
目录一、为开发模式与发布模式指定不同的打包入口二、通过externals加载外部CDN资源三、通过CDN优化ElementUI的打包四、首页内容定制五、使用路由懒加载一、为开发模式与发布模式指定不同的打包入口vue ui创建的项目，隐藏了webpack配置，可以在src根目录新建一个vue.config.js配置文件。在配置文件中向外...
2024-01-10
