vue

Vue学习（六）——v-for指令

  • Post author:
  • Post category:vue

v-for可以循环数组也可以循环对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu…

继续阅读 Vue学习（六）——v-for指令

Ant design Vue Form表单 labelCol wrapperCol

  • Post author:
  • Post category:vue

接触ant design Vue这个有点懵 看了官网labelCol wrapperCol是啥意思 能力太弱，实在看不懂是啥意思 网上搜一圈，才知道 labelCol 是label所占的百分比， wrapperCol 是label后面的内容所占的百分比。 xxl, xl, lg, md 这些参数是在不同的分辨率下 labelCol wrapperCol所占的百分比。 <div class="…

继续阅读 Ant design Vue Form表单 labelCol wrapperCol

vue同步请求

  • Post author:
  • Post category:vue

原文地址： vue 同步请求_Aa_duidui的博客-CSDN博客_vue同步请求 同步请求执行的顺序 async-await 挂上的才是同步,没挂上的还是异步 async 方法名(){ await 请求方法(参数).then(res=>{ //xxx }); } //或者 async 方法名(){ var res = await 请求方法(参数); //xxx } 调用同步的方法,会有以…

继续阅读 vue同步请求

vue封装axios-很实用，很详细

  • Post author:
  • Post category:vue

axios 是vue 请求接口必须用到的，和ajax一个意思 做项目最好就是封装好，全局使用，比较方便 话不多说，开始 首先vue 项目安装axios npm install axios 然后，新建一个http.js的文件 下面内容直接粘进去，里面有详细介绍 import axios from 'axios' //引入 import { getToken } from '@/utils/token…

继续阅读 vue封装axios-很实用，很详细

VueJs中setup的使用(上)

  • Post author:
  • Post category:vue

前言 在写组合式API代码时,首先接触到的是 setup 这个函数,在一些项目代码里,你会看到有的直接在script标签上添加setup标识,有的在选项式API 方式里,以setup()函数,配置选项的方式出现在单文件组件里 什么时候用setup()函数方式,什么时候不用,对于有些新手同学,有些困惑,以及它的一个使用特点和规则,都是需要知道的 在学习 setup 之前,先写一个常见的数字加减的示例…

继续阅读 VueJs中setup的使用(上)

vue 请求接口获取数据

  • Post author:
  • Post category:vue

vue 请求接口获取数据 1.链接: https://www.cnblogs.com/kymming/p/6484626.html <!doctype html> <html> <head> <meta charset="UTF-8"> <title>获取图片列表</title> <meta name="viewport…

继续阅读 vue 请求接口获取数据

【vue】vue中的计算属性和监听属性详解

  • Post author:
  • Post category:vue

文章目录 计算属性和侦听器 计算属性 1.计算属性 计算属性和缓存 侦听器 计算属性 vs 侦听器 计算属性和侦听器 计算属性 1.计算属性 用来描述依赖响应式状态的复杂逻辑 <p>Has published books:</p> <!-- <span>{{ author.books.length > 0 ? 'Yes' : 'No' }}</…

继续阅读 【vue】vue中的计算属性和监听属性详解

vue项目常用的cdn地址

  • Post author:
  • Post category:vue

1.axios https://cdn.bootcss.com/axios/0.18.0/axios.min.js 2.swiper https://unpkg.com/swiper@5.3.8/css/swiper.css https://unpkg.com/swiper@5.3.8/js/swiper.js https://cdn.jsdelivr.net/npm/vue-awesome-sw…

继续阅读 vue项目常用的cdn地址

vue组件中数据共享——vuex

  • Post author:
  • Post category:vue

目录 vuex是什么？ 使用vuex统一管理状态的好处 什么样的数据适合存储到vuex中 安装vuex 使用vuex vuex核心概念 组件访问state中数据的第一种方式： 组件访问state中数据的第二种方式： 数据的变更 触发mutations时传递参数 触发mutations的第二种方式 Actions 第一种触发Actions的方式 第二种触发Actions的方式 Getters 使用G…

继续阅读 vue组件中数据共享——vuex

Vue单页面开发实例之数据列表+分页+时间筛选+类型选择及后台实现

  • Post author:
  • Post category:vue

一、描述 页面主要功能是： 通过列表展示用户意见反馈信息， 通过类型查询数据 通过时间筛选查询数据 点击缩略图展示大图 二、Element--Ui组件的选用 el-table:数据展 el-select :  类型选择 el-data-picker ：筛选时间日期 el-image:图片加载 el-dialog：查看大图展示组件 三、后台 框架：Spring Boot 日期转换：org.sprin…

继续阅读 Vue单页面开发实例之数据列表+分页+时间筛选+类型选择及后台实现