vue项目实战1
VUE 项目实战1--------------------------------------------------server.js当前目录 要启两个服务 一个前端的 一个后端1. 启动后端服务node server.js2.启动前端的服务npm run dev10：22：00--------------------------------------------------懒加载 vue-Lazyloadrequirejs---------------------------------------...
2024-01-10
码云vue项目管理
1.码云上根据需求创建项目；2.进入项目——>克隆/下载 选择复制 SSH3.clone码云上的项目到本地：在相关目录(如 A)下运行终端，执行指令: git clone 复制的SSH地址； 此时在A里面创建了码云上项目文件（如B），4.创建vue项目：运行 vue init webpack B(B为克隆到本地的文件夹名称）; 5.根据自己的需求...
2024-01-10
vue项目报错处理
当我们执行完npm run serve命令时，会遇到这样的情况。报错这时我们需要用VS Code把项目打开，然后打开终端，找到package.json文件，里面放的都是我们安装的插件，找到less-loader，删除它，然后记得保存。在终端界面输入npm i命令运行结果我们再次执行npm run serve命令，提示我们缺少两个包...
2024-01-10
vue项目打包步骤
vue项目打包终端运行命令 npm run build打包成功的标志与项目的改变，如下图：点击index.html，通过浏览器运行，出现以下报错，如图：那么应该如何修改呢？具体步骤如下：1、查看package.js文件的scripts命令2、打开webpack.dev.conf.js文件，找到publicPath: config.dev.assetsPublicPath,按Ctrl点击，跳转到index.js文件3...
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手写加载动画项目
在页面没有响应时，展示加载动画是一种对用户友好的表现，不至于白屏，等响应内容渲染到页面时再移除动画先放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://www.jianshu.com/p/5d9b341d650f总结：1、<router-link to=\'\'>主要实现跳转链接功能，属性to=\'/\'即是跳转到path为\'/\'的路径.2、v-bind动态绑定指令，格式为：v-bind:你要动态变化的值="表达式"3、v-for列表渲染例：<tr v-for="item in peoples"> <td> {{item.name}} </td> </tr>4、v-show指令与v-if指令的区别就在于...
2024-01-10
vue 项目中实用的小技巧
# 在Vue 项目中引入Bootstrap有时在vue项目中会根据需求引入Bootstrap，而Bootstrap又是依赖于jQuery的，在使用npm安装时，可能会出现一系列的错误1、安装jQuerynpm install jquery2、安装Bootstrapnpm install [email protected]3以上两步，也可以先在package.json 配置文件中指定版本号，然后运行 npm install安装完了以后项目...
2024-01-10
vue----第一个工程项目
1、创建工程vue init webpack hello-vue安装依赖# 进入工程目录cd hello-vue# 安装 vue-routernpm install vue-router --save-dev# 安装 element-ui(在vue项目中)npm i element-ui -S# 安装 SASS 加载器npm install sass-loader node-sass --save-dev# 安装依赖npm installNPM 相关命令说明npm install moduleName：安装...
2024-01-10
vue 项目中 js命名规则
类型规范示例常量全字符大写，单词用 '_' 分隔FETCH_USERS、GET_USERS变量、函数小写开头驼峰式camelCase类、特殊意义的命名空间大写开头驼峰式CamelCase方法、函数a. 动词 或 动词+名称 组合b. get 必须要有返回值 布尔值变量is 或 has 前缀 私有属性或方法用 '_' 或 '__' 前缀 事件处...
2024-01-10
使用ts开发vue项目知识点1
用ts开发项目变化还是挺大的由于 TypeScript 默认并不支持 *.vue 后缀的文件，所以在 vue 项目中引入的时候需要创建一个 vue-shim.d.ts 文件，放在根目录下declare module '*.vue' { import Vue from 'vue'; export ...
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项目环境配置流程
一、配置仓库公钥（SSH）1、打开命令面板，在命令面板输入ssh-****** -t rsa -C “注册仓库时的邮箱”，在系统盘生成.ssh后缀文件夹和.pub后缀文件。如下图：2、打开.pub后缀文件，复制文件里的代码到码云：这样就生成了公钥二、创建项目仓库点击新建仓库，填好仓库名称以及是否开源等信息即可创...
2024-01-10如何在vue的项目封装函数通用？
大佬们，如何在vue的项目中封装函数通用，比如最少两个组件共用一套方法。有推荐的吗回答：一个是如果单纯是函数公用，可以提取这些函数出来，并使用 export 暴露，然后在需要使用的vue文件中 import 即可。? Module 的语法 - ECMAScript 6入门如果是公用的一套 template 和 script 也就是说，html模板，和大部分的js都是一致的，只不过某一个组件会多一...
2024-03-06
浅入深出Vue：发布项目
项目完成之后，当然不能满足于在我们的开发环境下跑一跑。我们可以打包发布到服务器上，让大家一起来欣赏一下你的作品。那么 vue 项目如何打包发布呢，新建的项目目录下通常都有一个 README.md 的文件，里面就描述了发布的步骤：下面这个是 vue-cli 3.x 创建的项目中的 README.md 文件内容：# firstpage...
2024-01-10
Vue2.0项目实战语法
一、安装配置依赖1） vue init webpack-simple 项目名称 2） cnpm install3 ) npm run dev4 ) cnpm install vuex vue-router axios -D5 ) cnpm install style-loader css-loader -D 6 ) 需要在webpack.config.js中加入 { test: /\.css$/, loader: 'style-loader!...
2024-01-10vue项目打包后怎样优雅的解决跨域
前言在使用vue.js开发前端项目时，再结合webpack搞起各种依赖、各种插件进行开发，无疑给前端开发带来了很多便捷，就在解决跨域这个问题上，相信众多用vue.js的前端同僚们同我一样尝到了甜头，开发环境全靠proxyTable一通配置简直不要太酸爽。还不明所以然的新手们可能还没搞清我说的是什么，就...
2024-01-10
vue项目打包后请求不到数据的问题
vue项目打包后请求不到数据的问题为什么我们在开发vue项目的时候需要配置反向代理，原因是因为我们本地开发的时候会出现跨域的问题，这个时候就需要反向代理来帮我们处理跨域的问题，但是有些开发者在开发完项目的时候，会直接打包，直接打包的话就会出现问题，请求不到数据，是因为我们...
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项目中，App.vue如何调用
App.vue是我们的主组件，所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以我将router标示为App.vue的子组件。index.html文件入口src放置组件和入口文件node_modules为依赖的模块config中配置了路径端口值等build中配置了webpack的基本配置、开发环境配置、生...
2024-01-10
Vue 项目骨架屏注入与实践
作为与用户联系最为密切的前端开发者，用户体验是最值得关注的问题。关于页面loading状态的展示，主流的主要有loading图和进度条两种。除此之外，越来越多的APP采用了“骨架屏”的方式去展示未加载内容，给予了用户焕然一新的体验。随着SPA在前端界的逐渐流行，首屏加载的问题也在困扰着开发者...
2024-01-10
vue项目完成后如何实现项目优化的示例
目录一、为开发模式与发布模式指定不同的打包入口二、通过externals加载外部CDN资源三、通过CDN优化ElementUI的打包四、首页内容定制五、使用路由懒加载一、为开发模式与发布模式指定不同的打包入口vue ui创建的项目，隐藏了webpack配置，可以在src根目录新建一个vue.config.js配置文件。在配置文件中向外...
2024-01-10
