vue项目实战1
VUE 项目实战1--------------------------------------------------server.js当前目录 要启两个服务 一个前端的 一个后端1. 启动后端服务node server.js2.启动前端的服务npm run dev10：22：00--------------------------------------------------懒加载 vue-Lazyloadrequirejs---------------------------------------...
2024-01-10
vue项目结构讲解
最后生成的项目目录结构1. build 文件夹：如上图，这个文件夹主要是进行webpack的一些配置，就我个人觉得啊~对我们最有用并且可能会使用的就是webpack.base.config.js、webpack.dev.config.js、webpack.prod.config.js三个webpack的配置文件，分别是基本webpack配置、开发环境配置、生产环境配置。实际上这些文件里面的...
2024-01-10
vue项目目录结构
本文介绍的是使用vue-cli3创建的项目，这里记录我的习惯，大家可自行修改，并希望给出更好的见意，下面进入正题。一、目录结构图首先展示一下整体结构，如果不符合大家的预期，就不需要往下看了。下面分别说明各目录的功能。二、目录结构说明目录说明备注zqyl-web项目名称前台项目扩...
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练手的小项目
编程路上的菜鸟一枚 ：最近接触了vue 然后写了一个练手的项目使用vue-cli脚手架来搭建了的项目技术： vue2 + vue-router + ES6 + axios 框架有 mint-ui(不建议使用，早已经不更新了，推荐vant)，mui项目演示：新闻热播电影列表商品（用豆瓣电影模拟的）购买github地址：https://github.com/...
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项目解决跨域问题
vue在本地跑，run个dev啥的，会面临到跨域问题解决：在config的index.js文件里，dev模块加上：proxyTable: { '/api': { target:'http://zhinenghuapen', //你要请求的接口地址 changeOrigin: true, pathRewrite: { '^/api': '/' } }}像这样：target里写后端给你的API接口路...
2024-01-10
Vue项目使用细节
Runtime-compiler和Runtime-only的区别当我们使用Vue CLI2创建项目的时候，会提示让我们选择使用什么版本的VueRuntime + Compiler: recommended for most users（推荐给大多数用户）Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - render functi...
2024-01-10
Vue项目功能插件
vue-router{ path: '/', name: 'home', // 路由的重定向 redirect: '/home'}{ // 一级路由, 在根组件中被渲染, 替换根组件的<router-view/>标签 path: '/one-view', name: 'one', component: () => import('./views/OneView.vue')}{ // 多级路由, 在根组件中被渲染, 替换根组件的<router-view/>...
2024-01-10
vue 项目中 js命名规则
类型规范示例常量全字符大写，单词用 '_' 分隔FETCH_USERS、GET_USERS变量、函数小写开头驼峰式camelCase类、特殊意义的命名空间大写开头驼峰式CamelCase方法、函数a. 动词 或 动词+名称 组合b. get 必须要有返回值 布尔值变量is 或 has 前缀 私有属性或方法用 '_' 或 '__' 前缀 事件处...
2024-01-10
vue项目兼容ie踩得一些坑
几个人花了一个近一个月做了一个vue项目，后面说的vue项目要兼容ie，卒关于遇到的问题：1.es6 转 es5 转码 ①npm install babel-polyfill --save ②build目录下 webpack.base.config.js修改2.vuex-along影响ie兼容性通过修改了第一步，但是不知道为什么ie仍然不能出现界面，找了两个小时知道是vuex-along问题。由于vuex...
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 项目来说，很多刚入门，或者是受业务妥协的朋友大都是从百度 CV 一套看得过去的架子，如常见的 D2Admin ， vue-element-admin ，进行一个二次迭代的开发，其项目本身非常的优质，而在其 template 中去进行一个更改能够使得项目在一开始有一个很好的基础环境，但是如果没有花...
2024-01-10如何在vue的项目封装函数通用？
大佬们，如何在vue的项目中封装函数通用，比如最少两个组件共用一套方法。有推荐的吗回答：一个是如果单纯是函数公用，可以提取这些函数出来，并使用 export 暴露，然后在需要使用的vue文件中 import 即可。? Module 的语法 - ECMAScript 6入门如果是公用的一套 template 和 script 也就是说，html模板，和大部分的js都是一致的，只不过某一个组件会多一...
2024-03-06
Vue实战项目踩坑记录一
简单介绍一下：本人是UI转前端，有html，css基础，自学了js，vue。在公司做了几个项目，但都是写的业务代码，没有独自走过整体流程，这次跟着网上教程（Vue实战项目：电商管理系统（Element-UI）），提升一下整体能力一、elementUI不支持vue3.0跟着视频一顿操作，项目运行起来就遇到第一个坑，Cannot re...
2024-01-10vue项目打包后怎样优雅的解决跨域
前言在使用vue.js开发前端项目时，再结合webpack搞起各种依赖、各种插件进行开发，无疑给前端开发带来了很多便捷，就在解决跨域这个问题上，相信众多用vue.js的前端同僚们同我一样尝到了甜头，开发环境全靠proxyTable一通配置简直不要太酸爽。还不明所以然的新手们可能还没搞清我说的是什么，就...
2024-01-10
【vue】饿了么项目的相关笔记链接
http://www.mtons.com/content/1819.htmhttp://www.tuicool.com/articles/F7BnaiYhttps://segmentfault.com/a/1190000007784366http://www.tuicool.com/articles/7zUruijhttps://segmentfault.com/a/1190000008018314moment组件https://github.com/moment/moment/...
2024-01-10vue2项目使用sass的示例代码
1，使用save会在package.json中自动添加。npm install node-sass --save-devnpm install sass-loader --save-dev 注：通常使用npm安装会出现以下报错，安装失败。（网路问题）可以通过淘宝的npm镜像安装node-sass，解决以上问题。$ npm install -g cnpm --registry=https://registry.npm.taobao.org （安装淘宝镜像）$ cnpm install node-sass --...
2024-01-10
vue 项目引入企业微信sdk接口
官网地址：https://work.weixin.qq.com/api/doc#90000/90136/905141. 调用后台接口，获取config接口所需要的信息。（签名、时间戳。。。。）2. wx.config注入权限验证配置(注入的是企业的身份与权限)3.通过ready接口处理成功验证4.在creatd()或mounted()里面放代码getWxJsJdk(){ this.$axios.get(\'端口地址url\', { params:{ ...
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项目中某个插件或者框架的版本升级
有时候项目中，一开始用到的框架版本比较低，后续开发的过程中，发现低版本不支持某些功能，需要对框架进行升级。例如，我目前的项目中用到的 vxe-table，之前是 2.x 的版本，后续需要最低 3.0 的版本。方法一： 1、手动修改 package.json 中的 vxe-table 框架版本，手动修改为 3.0.22 版本： ...
2024-01-10
