vue

Vue—axios发送post请求

  • Post author:
  • Post category:vue

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible…

继续阅读 Vue—axios发送post请求

【vue】vue中时间格式化YYYYMMDD

  • Post author:
  • Post category:vue

封装 formatLongDate (date) { let myyear = date.getFullYear(); let mymonth = date.getMonth() + 1; let myweekday = date.getDate(); let myHour = date.getHours(); let myMin = date.getMinutes(); let mySec = …

继续阅读 【vue】vue中时间格式化YYYYMMDD

在vue中添加echarts

  • Post author:
  • Post category:vue

先下载echarts npm install echarts --save 在main.js中引入代码 // echarts import echarts from "echarts"; Vue.prototype.$echarts = echarts; 在template中添加盛放图表的容器，添加ref属性 <template> <div ref="myCharts" styl…

继续阅读 在vue中添加echarts

vue + vant+tab移动端预览PDF

  • Post author:
  • Post category:vue

1 下载依赖 npm install --save vue-pdf 2` import pdf from 'vue-pdf' export default { components: { pdf, }}, metaInfo: { meta: [ { name: 'viewport', content: 'width=device-width,initial-scale=1,minimum-scal…

继续阅读 vue + vant+tab移动端预览PDF

通过https访问，nginx部署的vue项目

  • Post author:
  • Post category:vue

目录 项目需求： 通过https访问nginx部署的vue项目，这边使用的是通过jdk包生成密钥，进行配置使用 一、准备工作 Ⅰ、nginx安装包 Ⅱ、jdk安装包 Ⅲ、openssl包安装 二、生成密钥 Ⅰ、生成jks Ⅱ、jks文件转化成p12文件 Ⅲ、生成.crt文件 Ⅳ、生成.key文件 三、配置nginx Ⅰ、文件拷贝 Ⅱ、配置nginx.conf文件 四、效果实现 Ⅰ、检测nginx.…

继续阅读 通过https访问，nginx部署的vue项目

Vue3 响应式系统（上）

  • Post author:
  • Post category:vue

响应式系统 ​ 响应式系统是Vue3的核心 ，其结构大致如下： 在学习响应式系统前，我们要明白两个概念： 副作用函数 和 响应式数据 。 1. 响应式数据和副作用函数 1.1副作用函数 如下代码： function effect(){ document.body.innerText = "hello vue3" } 当effect函数执行的时候他会设置body的文本内容，但除了effect之外的其…

继续阅读 Vue3 响应式系统（上）

Vite+Vue3+TypeScript项目创建

  • Post author:
  • Post category:vue

Vite+Vue3+TypeScript项目创建 1、因为使用vite构建项目，与cli、不同，需要自己新建router、vuex、sass 2、你需要有点基础，在博文中我全程以cnpm叙述，因为方便复制，cnpm镜像下载速度快，安装node自有npm，npm去下载cnpm。 3、也可以使用npm的国内淘宝镜像 # 更改npm镜像 npm config set registry https://r…

继续阅读 Vite+Vue3+TypeScript项目创建

vue3使用echarts

  • Post author:
  • Post category:vue

1、安装 npm install echarts --save 2、在main.js中导入 import * as echarts from 'echarts' const app = createApp(App) app.config.globalProperties.$echarts = echarts app.use(store).use(router).use(ElementPlus).m…

继续阅读 vue3使用echarts

js vue v-for循环删除数组项（删不干净的问题）

  • Post author:
  • Post category:vue

js vue v-for循环删除数组项（删不干净的问题） 重点在与 a -= 1 ,要让 a 随着被截取后数组长度的变化而变化，截取一个， a 少一次。 let val = this.childData.chackNumber for (let a = 0; a < val.length; a++) { if (val[a].chack == false) { val.splice(a,1)…

继续阅读 js vue v-for循环删除数组项（删不干净的问题）

Vue08/Vue 生命周期钩子函数( Vue生命周期11个阶段 )应用场景

  • Post author:
  • Post category:vue

Vue生命周期 Vue生命周期介绍 Vue生命周期是指Vue实列对象从创建之初到销毁的过程 一. Vue生命周期11个阶段 创建 beforeCreate  //数据初始化前 created           //数据初始化之后 挂载 beforeMount  // 数据准备渲染 Mounted        // 数据渲染完成 运行 beforeUpdata   //数据更新前 updated…

继续阅读 Vue08/Vue 生命周期钩子函数( Vue生命周期11个阶段 )应用场景