- 博客(14)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 v-show与v-if的区别
<html><!-- 频繁显示与隐藏时用v-show 切换一次通过v-if --><!-- v-show与v-if的区别 --><!-- v-if:当条件为false时，包含v-if的指令元素，根本不会存在dom中 。 在true和false切换中，本质是创建和销毁 --><!-- v-show:当条件为false时，v-sho...
2020-01-31 16:23:11
142
原创 登陆小案例
<html><!-- vue在渲染页面时有可能会复用一些元素，在虚拟Dom中首先，加一个key --><body> <div id="app"> <span v-if="isShow"> <label for="phoneNumber">登陆</label> ...
2020-01-31 16:13:51
85
原创 v-show与v-if的区别
<html><!-- v-show与v-if的区别 --><!-- v-if:当条件为false时，包含v-if的指令元素，根本不会存在dom中 。 在true和false切换中，本质是创建和销毁 --><!-- v-show:当条件为false时，v-show给我们的元素添加了一个行内样式：diaplay:none --><b...
2020-01-31 16:12:24
119
原创 v-if
<html><body> <div id="app" v-if="isShow"> aaaaaa <button @click="btn1Click(12345,$event)">按钮1</button> </div></body><script src...
2020-01-31 16:11:37
59
原创 v-on关键字
<html><body> <div id="app"> <!-- 阻止冒泡事件 --> <div @click="btn2Click"> aaaa <button @click.stop="btn1Click">按钮1</butt...
2020-01-31 16:10:14
81
原创 v-on
<html><body> <div id="app"> <button @click="btn1Click(12345,$event)">按钮1</button> </div></body><script src="../js/vue.js"></scrip...
2020-01-31 16:09:39
75
原创 计算属性的setter和getter
<!DOCTYPE html><html lang="en"><head> <meta charset="gbk"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA...
2020-01-31 16:08:51
106
原创 计算属性的复杂操作
<!DOCTYPE html><html lang="en"><head> <meta charset="gbk"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA...
2020-01-31 16:07:49
169
原创 计算属性的基本使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2020-01-31 16:06:27
169
原创 bind动态绑定style(数组)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2020-01-31 16:04:27
272
原创 bind动态绑定style(对象语法)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2020-01-31 16:03:40
178
原创 v-for和v-bind的结合使用
<html><style> .active { color: red; }</style><body> <div id="app"> <ul> <li @click="getClasses(index)" v-for="(item,...
2020-01-31 16:02:40
2980
原创 01-bind的基本使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2020-01-31 16:01:42
237
转载 Vue.js
vue介绍Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。1.vue的安装尝试 Vue.js 最简单的方法是使用 JS...
2020-01-31 15:53:45
113
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人