![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
奔波波灞
这个作者很懒,什么都没留下…
展开
-
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 · 105 阅读 · 0 评论 -
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 · 93 阅读 · 0 评论 -
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 · 79 阅读 · 0 评论 -
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 · 67 阅读 · 0 评论 -
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 · 81 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 · 150 阅读 · 0 评论 -
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 · 103 阅读 · 0 评论 -
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 · 163 阅读 · 0 评论 -
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 · 186 阅读 · 0 评论 -
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 · 138 阅读 · 0 评论 -
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 · 129 阅读 · 0 评论 -
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 · 194 阅读 · 0 评论 -
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 · 588 阅读 · 0 评论 -
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 · 59 阅读 · 0 评论 -
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 · 96 阅读 · 0 评论 -
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 · 55 阅读 · 0 评论 -
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 · 121 阅读 · 0 评论 -
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 · 116 阅读 · 0 评论 -
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 · 140 阅读 · 0 评论 -
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 · 55 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 · 74 阅读 · 0 评论 -
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 · 124 阅读 · 0 评论 -
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 · 106 阅读 · 0 评论 -
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 · 99 阅读 · 0 评论 -
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 · 397 阅读 · 0 评论 -
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 · 60 阅读 · 0 评论 -
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 · 141 阅读 · 0 评论 -
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 · 282 阅读 · 0 评论 -
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 · 282 阅读 · 0 评论