随笔分类 - vue
摘要:有时候我们需要在页面上添加一个类似时钟的东西来实时显示当前时间,这个时候我们可以利用定时器来完成这个功能 模板 <div id="app"> {{date}} </div> 数据 export default { data() { return { date: new Date() }; }, mo
阅读全文
摘要:模板 <div id="app">{{ `${day}天 ${hr}小时 ${min}分钟 ${sec}分钟` }}</div> 数据 data() { return { day: 0, hr: 0, min: 0, sec: 0, } }, mounted() { this.countdown()
阅读全文
摘要:vue各种各样的命令和语法的格式容易记混 vue指令-v-model修饰符 语法: v-model.修饰符="vue数据变量" .number 以parseFloat转成数字类型 .trim 去除首尾空白字符 .lazy 在失去焦点时触发更改而非inupt时 计算属性 计算属性有缓存,提高渲染性能。
阅读全文
摘要:封装Axios对象 在src 目录下创建 utils 目录及 utils 下面创建 request.js 文件 进行封装 import axios from 'axios' //1. 创建axios对象 const service = axios.create() //2. 请求拦截器 servic
阅读全文
摘要:安装和修改 把create创建vue的src整个复制粘贴到基于vite对的项目中 把create创建的package.js中的 "dependencies": { "core-js": "^3.6.5", "vue": "^2.6.11", "vue-router": "^3.2.0" }, 复制粘
阅读全文
摘要:vue中data(){ return{ }}里面的数据如何写到另一个js文件然后再调佣 在项目中我们经常会把一些公用的常用的数据放在一个文件里,那么其他vue或者js文件怎么引用这些数据呢?如下: 一、export default 公用数据文件 // 担保类型 let guaranteeType =
阅读全文
摘要:参考博文:https://blog.csdn.net/weixin_45755816/article/details/120500714 准备工作 搭建vite 安装Windi CSS 或者 Tailwind 不使用插槽 <!--App.vue 父组件--> <template> <div clas
阅读全文