vue.js
㼛思雨
Web. Write Less,Do More
展开
-
Vue表单基本操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> form div { height: 40px; line-height: 40px; } form div:nth-child(4) { hei...原创 2021-04-23 22:51:01 · 357 阅读 · 0 评论 -
Vue第一天学习总结
第一天学习总结Vue 是什么? Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架 vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合 使用Vue将helloworld 渲染到页面上 指令 本质就是自定义属性 Vue中指定都是以 v- 开头 v-cloak 防止页面加载时出现闪烁问题 <style type="text/css"> /*v-text ...原创 2021-04-13 16:53:47 · 167 阅读 · 0 评论 -
Vue之tab选项卡案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .tab ul { overflow: hidden; padding: 0; margin: 0; } .tab u...原创 2021-04-13 16:41:13 · 179 阅读 · 0 评论 -
Vue循环结构与遍历操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> </head><body> <div id="app"> <div v-if='score>=90'>优秀</div> <div v-else-if='...原创 2021-04-13 16:18:15 · 275 阅读 · 0 评论 -
Vue之属性绑定、样式绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="app"> <h1>简单计算器</h1> <div> <span>数值A:</sp...原创 2021-04-13 15:12:22 · 201 阅读 · 0 评论 -
Vue中自定义按键修饰符
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="app"> <input type="text" v-on:keyup='handle' v-model='info'> </div&...原创 2021-04-13 11:23:59 · 334 阅读 · 0 评论 -
Vue按键修饰符
官网还有许多按键修饰符<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="app"> <form action=""> <div> 用户名: ...原创 2021-04-10 22:24:34 · 102 阅读 · 0 评论 -
Vue事件修饰符阻止冒泡和阻止默认行为
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="app"> <div>{{num}}</div> <div v-on:click='handle0'> ...原创 2021-04-10 21:47:21 · 160 阅读 · 0 评论 -
Vue事件绑定之事件函数参数传递
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div ...原创 2021-04-10 16:02:37 · 2556 阅读 · 1 评论 -
Vue事件绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div ...原创 2021-04-10 15:41:47 · 102 阅读 · 0 评论 -
vue双向数据绑定的解析和MVVM设计思想
gia'b<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> [v-...原创 2020-11-08 10:55:33 · 134 阅读 · 1 评论 -
vue之指令数据响应式解析
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> [v-clock]{ ...原创 2020-11-08 10:27:01 · 280 阅读 · 0 评论 -
vue数据绑定指令之v-text和v-html和v-pre用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> [v-clock]{ ...原创 2020-11-08 10:10:11 · 322 阅读 · 0 评论 -
vue指令v-cloak的解析和理解
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> [v-cloak...原创 2020-10-30 10:55:20 · 170 阅读 · 0 评论 -
vue模板语法概述(3)
原创 2020-10-30 10:39:50 · 70 阅读 · 0 评论 -
vue的基本使用方法(2)
vue的库文件在官网上下载:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></..原创 2020-10-30 10:28:32 · 111 阅读 · 0 评论 -
vue概述渐进式javascript框架(1)
https://vuejs.bootcss.com原创 2020-10-30 09:55:37 · 155 阅读 · 0 评论