Vue
关注
分享
扫一扫
文章平均质量分 64
Vue学习
爱学习de测试小白
书中自有颜如玉，书中自有黄金屋！
每天进步一点点，拥抱幸福是必然！
展开
-
41-Vue-webpack基础
Vue-webpack基础原创 2024-03-23 19:52:31 · 1165 阅读 · 0 评论 -
40-Vue之实现表格首列相同数据合并
Vue之实现表格首列相同数据合并原创 2023-04-18 19:25:03 · 858 阅读 · 0 评论 -
39-Vue之cron表达式组件使用
Vue之cron表达式组件使用原创 2023-04-17 13:42:15 · 6394 阅读 · 2 评论 -
38-Vue之ECharts高级-交互API
Vue之ECharts高级-交互API原创 2023-01-02 17:25:50 · 727 阅读 · 0 评论 -
37-Vue之ECharts高级-动画的使用
Vue之ECharts高级-动画的使用原创 2022-12-22 15:17:14 · 2611 阅读 · 0 评论 -
36-Vue之ECharts高级-样式及自适应
Vue之ECharts高级-样式及自适应原创 2022-12-20 16:41:04 · 772 阅读 · 0 评论 -
35-Vue之ECharts高级-调色盘
Vue之ECharts高级-调色盘原创 2022-12-18 17:18:33 · 1456 阅读 · 0 评论 -
34-Vue之ECharts高级-设置主题
Vue之ECharts高级-设置主题原创 2022-12-18 14:32:05 · 2249 阅读 · 1 评论 -
33-Vue之ECharts-仪表盘图
Vue之ECharts-仪表盘图原创 2022-12-16 18:02:51 · 2138 阅读 · 0 评论 -
32-Vue之ECharts-雷达图
Vue之ECharts-雷达图原创 2022-12-16 09:16:01 · 1406 阅读 · 0 评论 -
31-Vue之ECharts-饼图
ECharts-饼图原创 2022-12-15 10:20:19 · 1177 阅读 · 0 评论 -
30-Vue之ECharts-直角坐标系的常用配置
ECharts-直角坐标系的常用配置原创 2022-12-14 13:47:21 · 522 阅读 · 0 评论 -
29-Vue之ECharts-散点图
ECharts-散点图原创 2022-12-13 13:22:47 · 976 阅读 · 0 评论 -
28-Vue之ECharts-折线图
ECharts-折线图原创 2022-12-12 21:12:05 · 4918 阅读 · 0 评论 -
27-Vue之ECharts-通用配置
Vue之ECharts-通用配置原创 2022-12-12 09:56:48 · 765 阅读 · 0 评论 -
26-Vue之ECharts-柱状图
Vue之ECharts-柱状图原创 2022-12-11 21:38:20 · 1140 阅读 · 0 评论 -
25-Vue之ECharts-基本使用
Vue之ECharts-基本使用原创 2022-12-11 18:24:10 · 1272 阅读 · 1 评论 -
24-Vue之过滤器基本用法
Vue之过滤器基本用法原创 2022-11-27 13:50:54 · 509 阅读 · 0 评论 -
23-Vue之事件修饰符
Vue之事件修饰符原创 2022-11-26 18:51:00 · 512 阅读 · 0 评论 -
22-Vue之按键修饰符
Vue之按键修饰符原创 2022-11-26 18:23:16 · 665 阅读 · 0 评论 -
21-Vue之Element UI-input组件
input组件原创 2021-12-21 22:49:28 · 1026 阅读 · 0 评论 -
20-Vue之Element UI-文字链接组件
Link文字链接组件原创 2021-12-04 12:04:31 · 1743 阅读 · 0 评论 -
19-Vue之Element UI-按钮组件
目录创建按钮属性使用代码示例效果图参数说明创建按钮element ui中的标签都是el开头<el-button>默认按钮</el-button>属性使用属性全部写在组件标签上 ：属性名=属性值代码示例// buttondetail.vue文件<template> <div> <h2>type属性控制颜色</h2> <el-.原创 2021-10-19 23:32:19 · 2693 阅读 · 0 评论 -
18-Vue之Element UI安装
目录安装Element UI使用Element UI第一个demo安装Element UI创建vue项目，参考：17-Vue项目搭建_小白的博客-优快云博客 项目目录下使用命令：npm i element-ui -S使用Element UI在main.js里面添加如下三行内容// 引入element uiimport ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css'; //原创 2021-10-17 12:00:14 · 415 阅读 · 0 评论 -
17-Vue项目搭建
vue项目搭建原创 2021-10-04 09:29:42 · 241 阅读 · 0 评论 -
16-Vue之watch侦听器使用
Vue之watch侦听器使用原创 2021-08-22 14:54:00 · 1188 阅读 · 0 评论 -
15-Vue之命名视图
目录使用说明代码示例使用说明使用场景：1个路由规则对应多个组件 组件components：可配置多个组件，组件名称:组件对象代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vie原创 2021-08-22 11:54:11 · 646 阅读 · 0 评论 -
14-Vue之路由使用
目录使用步骤示例代码使用步骤导入路由文件：https://unpkg.com/vue-router/dist/vue-router.js 创建组件 创建路由对象 挂载路由对象示例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"原创 2021-08-21 17:51:25 · 105 阅读 · 0 评论 -
13-Vue之跑马灯案例
知识点 @click="run" ：v-on 的简写形式，绑定事件 function setInterval(handler: TimerHandler, timeout?: number, ...arguments: any[]): number ：设置定时器，返回一个数值 clearInterval(handle?: number): void ：清除定时器，无返回值 <!DOCTYPE html><html lang="en"><h..原创 2021-07-24 12:11:00 · 249 阅读 · 0 评论 -
12-Vue之网络应用axios加vue
目录示例代码注意事项示例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&.原创 2021-02-28 16:35:30 · 208 阅读 · 2 评论 -
11-Vue之网络应用axios使用
1. 新增生成列表结构获取用户输入回车，新增数据2.原创 2021-02-13 08:39:07 · 145 阅读 · 1 评论 -
10-Vue之本地应用v-model指令
1. v-model指令作用：便捷的设置和获取表单元素的值，绑定的数据会和表单元素值相关联，绑定的数据<-->表单元素的值完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2021-02-06 20:39:23 · 127 阅读 · 0 评论 -
09-Vue之本地应用v-for指令
1. v-for指令作用：根据数据生成列表结构 语法：（item，index）in 数据 说明：数组长度的更新会同步到页面上，是响应式的 完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .原创 2021-01-09 14:57:17 · 147 阅读 · 0 评论 -
08-Vue之本地应用v-bind指令
Vue之本地应用v-bind指令原创 2021-01-09 08:34:53 · 265 阅读 · 0 评论 -
07-Vue之本地应用v-show/v-if指令
1. v-show指令作用：根据表达值的真假，切换元素的显示和隐藏 原理：修改元素的display，实现显示隐藏 说明：指令后面的内容，最终都会解析为布尔值，值为true元素显示，值为false元素隐藏完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi...原创 2021-01-06 20:08:32 · 190 阅读 · 0 评论 -
06-Vue之计数器案例
目录1. 计数器案例 1.1 思路1.2 知识点总结1. 计数器案例 1.1 思路data中定义数据：比如num methods中添加两个方法：比如add（递增），sub（递减） 使用v-text将num设置给span标签 使用v-on将add，sub分别绑定给+，按钮 累加的逻辑：小于10累加，否则提示 递减的逻辑：大于0递减，否则提示 完整代码<!DOCTYPE html><html lang="en"><head>...原创 2021-01-05 21:32:35 · 452 阅读 · 0 评论 -
05-Vue之本地应用v-on指令
1. v-on指令作用：为元素绑定事件 用法：v-on: 事件名="方法名" 简写： @事件名="方法名" 注： 事件名无需写on 方法内部可通过 this 关键字访问data中的数据 完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...原创 2021-01-05 20:50:57 · 161 阅读 · 0 评论 -
04-Vue之本地应用v-text/v-html指令
v-textv-htmlV-html指令的作用是：设置元素的innerHTML内容中有html结构会被解析为标签V-text指令无论内容是什么，只会解析为文本原创 2021-01-04 20:52:09 · 205 阅读 · 0 评论 -
03-Vue之el挂载点和data数据对象
1. el：挂载点 1.1 Vue实例的作用范围Vue会管理el选项命中的元素及其内部的后代元素 完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu..原创 2021-01-03 10:20:14 · 340 阅读 · 0 评论 -
02-第一个Vue程序
1. 准备工作新建一个test01.html文件 ！ + Tab 键生成模板，如下图打右键开Open with Live Server2. 编写代码2.1 引入Vue <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>2.2 添加一个div标签<div id="app"&...原创 2021-01-03 08:36:17 · 228 阅读 · 1 评论