- 博客(14)
- 资源 (2)
- 收藏
- 关注
原创 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 177
原创 登陆小案例
<html><!-- vue在渲染页面时有可能会复用一些元素,在虚拟Dom中首先,加一个key --><body> <div id="app"> <span v-if="isShow"> <label for="phoneNumber">登陆</label> ...
2020-01-31 16:13:51 99
原创 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 131
原创 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 75
原创 v-on关键字
<html><body> <div id="app"> <!-- 阻止冒泡事件 --> <div @click="btn2Click"> aaaa <button @click.stop="btn1Click">按钮1</butt...
2020-01-31 16:10:14 98
原创 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 91
原创 计算属性的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 122
原创 计算属性的复杂操作
<!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 189
原创 计算属性的基本使用
<!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 187
原创 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 287
原创 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 193
原创 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 3009
原创 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 259
转载 Vue.js
vue介绍Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。1.vue的安装尝试 Vue.js 最简单的方法是使用 JS...
2020-01-31 15:53:45 130
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人