![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 69
专职
人生苦短,我用python
展开
-
vite快速构建vue3项目
把下列代码插入到 vite.config.ts 配置文件中,注意插入的位置和标点符号。通过yarn构建一个vite+vue项目。安装node.js包管理工具yarn。全局引入element-plus。局部引入element-plus。查看vue-cli版本。原创 2023-10-07 10:10:56 · 204 阅读 · 0 评论 -
vue+vue-router实现后台管理页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body { margin: 0; } .header { height: 48px; backg原创 2023-09-23 12:31:10 · 230 阅读 · 0 评论 -
axios的各种请求方法
/ 创建一个图片URL,用于显示图片。// 可以通过向axios传递相关配置来创建请求。// 取消请求(message 参数是可选的)// 使用cancel token取消请求。// 创建实例时设置默认的配置。// 通过params添加参数。// 在实例创建后修改默认值。// 在发送请求之前做些什么。// 对响应数据做点什么。// 直接url添加参数。"对响应数据做了处理"// 一次发送多个请求。// 001-请求图片。// 添加请求拦截器。// 及简get请求。"状态码不是2xx"原创 2023-09-20 18:26:41 · 520 阅读 · 0 评论 -
vue中vue-router的使用方法
路由中有三个基本的概念 route, routes, router。 1, route,它是一条路由,由这个英文单词也可以看出来,它是单数, Home按钮 => home内容, 这是一条route, about按钮 => about 内容, 这是另一条路由。 2, routes 是一组路由,把上面的每一条路由组合起来,形成一个数组。[{home 按钮 =>home内容 }, { about按钮 => about 内容}] 3, router 是一个机制,相当于一个管理..原创 2021-03-08 16:42:27 · 566 阅读 · 0 评论 -
vue中vue-resource发送get、post、put、delete请求,如何携带请求参数,并设置请求延时
注意:由于axios发送post、put、delete请求时默认携带的参数是json对象格式,后端不能正常接收参数,所以axios发送请求之前需要先把json数据转化为form-data格式的数据。1. 安装:vue-resource, qscnpm install vue-resource --savecnpm install qs2、在main.js中添加,并进行全局注册3. main.js中的代码import Vue from 'vue'import App from '.原创 2021-01-27 16:30:16 · 1729 阅读 · 1 评论 -
vue.js与django-rest-framework进行数据的交互及Ajax和axios异步请求django后端API接口
1. vue的引用源<script src="https://cdn.jsdelivr.net/npm/vue"></script>2.django 和vue语法冲突处理需要增加一个标签{% verbatim %}<body>{% verbatim %}<div id="app"> {{ text }} <br><br> <button v-on:click="create_server"&..原创 2020-12-30 15:47:50 · 1026 阅读 · 0 评论 -
vue基本教程5
1. 路由的介绍大数据的单页面应用中用于页面流程跳转控制。需要使用vue-router库。2. 安装vue和vue-router库<script src="https://unpkg.com/vue/dist/vue.js"></script><script src="https://unpkg.com/vue.router/dist/vue-router.js"></script>3. vue-route路由控制<head&g原创 2020-11-07 11:54:34 · 203 阅读 · 3 评论 -
Vue的基本使用教程4
目录:事件修饰符-Stop-Once控制 表单绑定-Text-Textarea 表单绑定-Checkbox-单个-多个 表单绑定-Radio 表单绑定-Select-单选-多选 表单绑定-修饰符 使用Component自定义组件 使用Component-动态传递参数 使用Component-使用对象传递多个参数 使用Component-子组件向父组件传递自定义事件 使用Component-子组件向父组件传递自定义事件以及携带数据输出1.事件修饰符-Stop-Once控制修饰符.原创 2020-10-31 13:57:05 · 255 阅读 · 0 评论 -
vue的基本使用教程3
1.绑定Class-自定义组件-Class渲染控制<style> <style> .redfont{ color: red; } .bigfont{ font-size: 30px; } </style></head><body><div id="div1"> <!--自定义组件的class不会被覆盖--> <mybutton c.原创 2020-10-18 13:26:36 · 413 阅读 · 0 评论 -
vue的基本使用教程2
Vue文本插入-V-Once只绑定一次处理 V-HTML原生HTML代码渲染处理 V-Bind特殊性-Readonly只读渲染 JS表达式实现文本插值 参数与动态参数绑定 V-Bind与V-On的缩写使用 Computed计算属性实现消息反转 Computed计算属性Get-Set方法实现读写单独控制 Watch实现侦听控制 绑定Class-数组-对象-三元运算符 1.Vue文本插入-V-...原创 2020-10-18 11:48:16 · 165 阅读 · 0 评论 -
vue的基本使用教程1(常用命令及实例操作)
1. vue的属性绑定<body><div id="app"> <p>{# django项目中直接使用vue对象属性,必须加上verbatim模板标签 #} {% verbatim %}{{ message }}{% endverbatim %} </p></div></body><script> var vm2 = new Vue({ e原创 2020-10-17 14:35:09 · 329 阅读 · 2 评论 -
vue引入源文件链接
https://cdn.jsdelivr.net/npm/vue/dist/vue.js原创 2020-08-05 09:22:48 · 698 阅读 · 0 评论