vue项目实战1
VUE 项目实战1--------------------------------------------------server.js当前目录 要启两个服务 一个前端的 一个后端1. 启动后端服务node server.js2.启动前端的服务npm run dev10:22:00--------------------------------------------------懒加载 vue-Lazyloadrequirejs---------------------------------------...
2024-01-10vue项目结构讲解
最后生成的项目目录结构1. build 文件夹:如上图,这个文件夹主要是进行webpack的一些配置,就我个人觉得啊~对我们最有用并且可能会使用的就是webpack.base.config.js、webpack.dev.config.js、webpack.prod.config.js三个webpack的配置文件,分别是基本webpack配置、开发环境配置、生产环境配置。实际上这些文件里面的...
2024-01-10vue项目目录结构
本文介绍的是使用vue-cli3创建的项目,这里记录我的习惯,大家可自行修改,并希望给出更好的见意,下面进入正题。一、目录结构图首先展示一下整体结构,如果不符合大家的预期,就不需要往下看了。下面分别说明各目录的功能。二、目录结构说明目录说明备注zqyl-web项目名称前台项目扩...
2024-01-10vue项目打包采坑
1.1. vue运行报错error:Cannot assign to read only property 'exports' of object '#'这个错误我是在打包完部署到nginx上才会报的,在本地环境可以正常运行,真坑;网上的资料说的报错原因是export和import不兼容啥的,经过我实际测试修改,问题出在使用export导出方法的js中,import了里面包含module.exports的js,这是两种不...
2024-01-10vue项目之主页布局
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-10vue项目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-10vue项目解决跨域问题
vue在本地跑,run个dev啥的,会面临到跨域问题解决:在config的index.js文件里,dev模块加上:proxyTable: { '/api': { target:'http://zhinenghuapen', //你要请求的接口地址 changeOrigin: true, pathRewrite: { '^/api': '/' } }}像这样:target里写后端给你的API接口路...
2024-01-10vue手写加载动画项目
在页面没有响应时,展示加载动画是一种对用户友好的表现,不至于白屏,等响应内容渲染到页面时再移除动画先放loading效果图原理:伪类+动画,下面是步骤图,贴上助于理解,加载动画本质是设置一个定宽定高的正方形,border-radius: 50%;使其成为圆形,再给该div3px的边框并设为透明,然后在单独设...
2024-01-10vue 启动项目的报错
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-22vue项目加入百度统计
百度统计注册地址: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-10Vue项目使用细节
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-10Vue项目功能插件
vue-router{ path: '/', name: 'home', // 路由的重定向 redirect: '/home'}{ // 一级路由, 在根组件中被渲染, 替换根组件的<router-view/>标签 path: '/one-view', name: 'one', component: () => import('./views/OneView.vue')}{ // 多级路由, 在根组件中被渲染, 替换根组件的<router-view/>...
2024-01-10vue 项目中 js命名规则
类型规范示例常量全字符大写,单词用 '_' 分隔FETCH_USERS、GET_USERS变量、函数小写开头驼峰式camelCase类、特殊意义的命名空间大写开头驼峰式CamelCase方法、函数a. 动词 或 动词+名称 组合b. get 必须要有返回值 布尔值变量is 或 has 前缀 私有属性或方法用 '_' 或 '__' 前缀 事件处...
2024-01-10vue项目兼容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-10Vue项目基本配置封装
在很多时候,对于 vue 项目来说,很多刚入门,或者是受业务妥协的朋友大都是从百度 CV 一套看得过去的架子,如常见的 D2Admin , vue-element-admin ,进行一个二次迭代的开发,其项目本身非常的优质,而在其 template 中去进行一个更改能够使得项目在一开始有一个很好的基础环境,但是如果没有花...
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实战项目踩坑记录一
简单介绍一下:本人是UI转前端,有html,css基础,自学了js,vue。在公司做了几个项目,但都是写的业务代码,没有独自走过整体流程,这次跟着网上教程(Vue实战项目:电商管理系统(Element-UI)),提升一下整体能力一、elementUI不支持vue3.0跟着视频一顿操作,项目运行起来就遇到第一个坑,Cannot re...
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-10vue项目打包后怎样优雅的解决跨域
前言在使用vue.js开发前端项目时,再结合webpack搞起各种依赖、各种插件进行开发,无疑给前端开发带来了很多便捷,就在解决跨域这个问题上,相信众多用vue.js的前端同僚们同我一样尝到了甜头,开发环境全靠proxyTable一通配置简直不要太酸爽。还不明所以然的新手们可能还没搞清我说的是什么,就...
2024-01-10vue 项目引入企业微信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-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项目管理项目的架构管理平台
关于vue项目管理项目的架构管理平台https://panjiachen.github.io/vue-element-admin-site/#/zh-cn/faq31.4k 次浏览完整项目地址:vue-element-admin系类文章一:手摸手,带你用vue撸后台 系列一(基础篇)系类文章二:手摸手,带你用vue撸后台 系列二(登录权限篇)系类文章三:手摸手,带你用vue撸后台 系列三(实战篇...
2024-01-10