- 博客(44)
- 收藏
- 关注
原创 34-Vue-v-for-key
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>34-Vue-v-for-key</title> <script src="js/vue.js"></script></head><body><!--1.v-for注意点1.1v-for为了提升性能, 在更新已.
2021-08-21 12:58:30
103
原创 33-Vue-过渡动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>33-Vue-过渡动画</title> <script src="js/vue.js"></script> <style> *{ margin: 0; padding.
2021-08-21 12:58:00
90
原创 32-Vue-过渡动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>32-Vue-过渡动画</title> <script src="js/vue.js"></script> <style> *{ margin: 0; padding.
2021-08-21 12:57:32
76
原创 31-Vue-过渡动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>31-Vue-过渡动画</title> <script src="js/vue.js"></script> <style> *{ margin: 0; padding.
2021-08-21 12:56:59
64
原创 30-Vue-过渡动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>30-Vue-过渡动画</title> <script src="js/vue.js"></script> <style> *{ margin: 0; padding.
2021-08-21 12:56:21
76
原创 17-常用指令-v-on按键修饰符
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>17-常用指令-v-on按键修饰符</title> <script src="js/vue.js"></script></head><body><!--1.什么是按键修饰符我们可以通过按键修饰符监听特定按键触发.
2021-08-21 12:54:50
97
原创 16-常用指令-v-on注意点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>16-常用指令-v-on注意点</title> <script src="js/vue.js"></script></head><body><!--1.v-on注意点1.1绑定回调函数名称的时候, 后面可以写(.
2021-08-21 12:54:18
84
原创 15-常用指令-v-on修饰符
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>15-常用指令-v-on修饰符</title> <script src="js/vue.js"></script> <style> *{ margin: 0; pad.
2021-08-21 12:53:23
146
原创 14-常用指令-v-on
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>14-常用指令-v-on</title> <script src="js/vue.js"></script></head><body><!--1.什么是v-on指令?v-on指令专门用于给元素绑定监听事件..
2021-08-21 12:52:18
100
原创 13-常用指令-绑定样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>13-常用指令-绑定样式</title> <script src="js/vue.js"></script></head><body><!--1.如何通过v-bind给style属性绑定数据1.1将数据放到对象.
2021-08-21 12:51:37
161
原创 12-常用指令-绑定类名
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>12-常用指令-绑定类名</title> <script src="js/vue.js"></script> <style> *{ margin: 0; paddin.
2021-08-20 15:52:26
183
原创 11-常用指令v-bind
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>10-常用指令v-bind</title> <script src="js/vue.js"></script></head><body><!--1.什么是v-bind指令在企业开发中想要给"元素"绑定数据, 我.
2021-08-20 15:51:39
135
原创 10-常用指令v-for
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>10-常用指令v-for</title> <script src="js/vue.js"></script></head><body><!--1.什么是v-for指令相当于JS中的for in循环, 可以根据数.
2021-08-20 15:50:46
126
原创 09-常用指令v-show
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>09-常用指令v-show</title> <script src="js/vue.js"></script></head><body><!--1.什么是v-show指令v-show和v-if的能够一样都是条件.
2021-08-20 15:50:16
193
原创 08-常用指令v-if
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>08-常用指令v-if</title> <script src="js/vue.js"></script></head><body><!--1.什么是v-if指令条件渲染: 如果v-if取值是true就渲染元素.
2021-08-20 15:49:37
578
原创 07-常用指令v-text和v-html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>07-常用指令v-text和v-html</title> <script src="js/vue.js"></script></head><body><!--1.什么是v-text指令v-text就相当于过去学.
2021-08-20 15:48:52
55
原创 06-常用指令-v-cloak
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>06-常用指令-v-cloak</title> <style> [v-cloak] { display: none } </style></head><body><!--1.Vue数据绑定.
2021-08-20 15:48:20
93
原创 05-常用指令-v-once
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>05-常用指令-v-once</title> <script src="js/vue.js"></script></head><body><!--1.什么是指令?指令就是Vue内部提供的一些自定义属性,这些属.
2021-08-20 15:46:22
52
原创 04-Vue数据双向传递
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>04-Vue数据双向传递</title> <script src="js/vue.js"></script></head><body><!--1.Vue调试工具安装如果你能打开谷歌插件商店, 直接在线安装即可.
2021-08-20 15:45:45
120
原创 03-Vue数据单向传递
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>03-Vue数据单向传递</title> <!--1.下载导入Vue.js--> <script src="js/vue.js"></script></head><body><!--1.MVV.
2021-08-20 15:44:52
112
原创 02-Vue基本模板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>02-Vue基本模板</title> <!--1.下载导入Vue.js--> <script src="js/vue.js"></script></head><body><div id="app.
2021-08-19 19:09:25
137
原创 29-Vue-过渡动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>29-Vue-过渡动画</title> <script src="js/vue.js"></script> <style> *{ margin: 0; padding.
2021-08-19 19:08:16
52
原创 28-Vue-过渡动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>28-Vue-过渡动画</title> <script src="js/vue.js"></script> <style> *{ margin: 0; padding.
2021-08-19 19:04:33
58
原创 27-Vue-综合小练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>27-Vue-综合小练习</title> <script src="js/vue.js"></script> <style> *{ margin: 0; paddin.
2021-08-19 19:02:57
71
原创 26-Vue-自定义过滤器的小练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>24-Vue-自定义全局过滤器</title> <script src="js/vue.js"></script></head><body><!--需求: 利用过滤器对时间进行格式化--><!--.
2021-08-19 18:28:05
121
原创 24-Vue-自定义局部过滤器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>24-Vue-自定义全局过滤器</title> <script src="js/vue.js"></script></head><body><!--1.自定义全局过滤器的特点在任何一个Vue实例控制的区域中都可.
2021-08-19 18:24:57
103
原创 24-Vue-自定义全局过滤器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>24-Vue-自定义全局过滤器</title> <script src="js/vue.js"></script></head><body><!--1.什么是过滤器?过滤器和函数和计算属性一样都是用来处理数据的.
2021-08-19 17:26:06
96
原创 23-Vue-计算属性和函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>23-Vue-计算属性和函数</title> <script src="js/vue.js"></script></head><body><!--1.计算属性和函数通过计算属性我们能拿到处理后的数据, 但是通过函
2021-08-19 17:19:38
396
原创 22-Vue-计算属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>22-Vue-计算属性</title> <script src="js/vue.js"></script></head><body><!--1.插值语法特点1、1可以将model中的数据插入1、2可以在{{}}
2021-08-19 17:12:19
58
原创 21-常用指令-自定义局部指令
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>21-常用指令-自定义局部指令</title> <script src="js/vue.js"></script></head><body><!--1.自定义全局指令的特点在任何一个Vue实例控制的区域中都可以使
2021-08-19 16:47:23
139
原创 18-常用指令-自定义指令
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>18-常用指令-自定义指令</title> <script src="js/vue.js"></script></head><body><!--1.自定义全局指令在Vue中除了可以使用Vue内置的一些指令以外,
2021-08-19 16:32:19
277
原创 19-常用指令-自定义指令参数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>19-常用指令-自定义指令参数</title> <script src="js/vue.js"></script></head><body><!--1.自定义指令参数在使用官方指令的时候我们可以给指令传参例如:
2021-08-19 16:27:17
280
原创 调接口的时候出现js对象出现undifined的情况分析
前言 :我们知道js是弱语言,创建一个空的js对象obj,通过obj.xxx 可以在空对象中添加一个键值对:属性名为xxx,属性值为undifined正文: 这个情况是在调接口的时候出现的,但是并不影响使用,出现的原因是因为js的界面展示是在调接口前就展示了,这时候还没有拿到接口数据,js这时只会在第一层查数据,查到了就是用,查不到就添加,但是这种情况相当于在第二层查数据,他第一层都没数据所以会报undefined错误注:detail是用父子组件传参...
2021-08-13 16:35:32
833
原创 数组concat()方法
字面解释:concat()可以基于当前数组中的所有项创建一个新数组。即这个方法会先创建当前数组一个副本,然后将接收到的参数添加到这个副本的末尾,最后返回新构建的数组。通俗的解释:将一个数组合并到另一个数组中。示例:var arr = [1,2,3];console.log(arr.concat(4,5))//[1, 2, 3, 4, 5]var arr1 = [{name:1},{name:2}];console.log((arr1.concat({name:3},{name:
2021-08-12 18:17:11
3416
原创 指令v-html和v-text
1.什么是v-text指令v-text就相当于过去学习的innerText2.什么是v-html指令v-html就相当于过去学习的innerHTML注意:使用v-html和v-text绑定的数据内容会覆盖标签内容,如下图所示:
2021-08-12 16:29:04
113
原创 Element-UI组件之 — — 下拉菜单
:label="item.label" 下拉菜单列表中要显示的内容:value="item.value" 选中后显示的内容注::value和v-model是双向绑定的<template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="it...
2021-08-02 11:24:06
1012
1
原创 Promise的使用
模板: const p = new Promise((resolve, reject) => { resolve(n); //调完resolve后 将 promise 对象的状态设置为 『成功』 reject(n); // 将 promise 对象的状态设置为 『失败』 }); p.then((value) => ..
2021-08-02 10:06:02
34
原创 2021-07-29
自定义表单校验规则两个步骤 一、自定义规则 1.var checkrule = ( rule ,value,callback)=>{ rule:验证规则 value:用户输入需要验证的值 callback:回调函数 注:成功时直接使用callback() 失败时用callback(new Error(‘提示信息’)) } 二、使用规则 在规则中使用validtor指向自定义规则 [validtor:ckeckout,rigger:
2021-07-29 18:35:54
37
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人