vue

1、新建一个文件夹。【存放路径】 2、Ctrl+A选中路径，输入cmd。 3、打开之后，输入vue create my-project。【my-project可以任意定义，这里作者用的vue3_study】 Please pick a preset - 选择 Manually select features Check the features needed for your project - …

router-view 作为vue最核心的路由管理组件，在项目中作为路由管理经常被使用到。vue项目最核心的App.vue文件中即是通过router-view进行路由管理。 我们在自己维护项目的时候，也可以使用router-view组件进行路由管理，对于页面局部刷新的场景，该组件能发挥关键作用； 2.创建项目时候如果忘记加入vuex等 安装后还需要在main.js里面导入 3.创建实例变成了链式,…

场景： 页面可以添加多个联系人，与表单一起传送到后台存表作关联 1.首先实现点击添加按钮添加一条信息 1.1首先定义联系人数组 contantUser: [ { contantType: '', contantName: '', contant: '' } ] 1.2联系人框 <el-col :span="24"> <el-col v-for="(parameter ,index…

封装如下方法，用于重置表单对象的值，参数为该对象，需要清空表单的时候调用该方法 const clearTheObj = (obj) => { let emptyArr = {}; for (let key in obj) { emptyArr[key] = ''; } Object.assign(obj, emptyArr) } // ----------------------------…

学习链接 Vue Router获取当前页面由哪个路由跳转 在Vue3的setup中如何使用this beforeRouteEnter 在这个路由方法中不能访问到组件实例this，但是可以使用next里面的vm访问到组件实例，并通过vm.$data获取组件实例上的data数据 getCurrentInstance 是vue3提供的获取组件实例的方法，可通过getCurrentInstance函数获取…

效果如图 背景：按照哪个字段排序，对应列高亮显示 <a-table :columns="columns" :data-source="data" /> <style scoped lang="less"> /deep/ .ant-table-column-sort .ant-table-column-title{ color: red !important; } </…

最近项目中使用了minio作为静态资源管理服务，所以简单写一下如何通过minio来上传图片。 首先定义一个minio对象： minioObj = { endPoint: "服务ip", port:端口, useSSL: false, accessKey: "账号", secretKey: "密码" }; 然后初始化minio，没有引入minio的记得先引入 var minioClient = ne…

数据交互 ajax: 原理必须要能说出来流程即可。 jquery_ajax。 我们promise要结合它 Promise + async函数的 前端的主要工作：1. 画页面、2. 请求ajax （后端给你接口和说明书） 有node环境和mysql环境。工作中就不需要搭建mysql环境了。 0.搭建后端接口项目 环境 node + mysql( phpstudy ) 打开phpstudy启动mysq…

转载: Vue2.0 ES6语法降级ES5 由于部分低版本的手机还不支持ES6语法，将会导致vue报错。综合了网上的各种办法，我的项目现在终于成功降级ES5. 首先安装插件 npm install -D babel-preset-es2015 babel-core babel-preset-stage-2 babel-loader 编辑配置文件 编辑 /build/webpack.base.con…

1、如何在Vue中进行单元测试？ 在Vue中进行单元测试可以提高代码的可维护性和可读性，同时也能够帮助开发者更快地找到代码中的问题和潜在的错误。下面是一些在Vue中进行单元测试的步骤： 安装单元测试工具 首先需要安装一个单元测试工具，例如Jest或Mocha。可以使用npm或yarn进行安装。 创建测试文件 在测试目录下创建一个测试文件，例如 MyComponent.spec.js 。这个文件将用…