随笔分类 -  Vue

Vue（十三）：条件渲染
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>条件渲染</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <!-- 条件渲染 阅读全文
posted @ 2023-08-08 22:51 谁知道水烫不烫 阅读(15) 评论(0) 推荐(0) 编辑
Vue（十二）：列表渲染—— v-for
摘要：1.基础使用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基本列表</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <! 阅读全文
posted @ 2023-07-08 10:50 谁知道水烫不烫 阅读(22) 评论(0) 推荐(0) 编辑
Vue（十一）：样式绑定——:class 和 :style
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>绑定样式</title> <script type="text/javascript" src="../js/vue.js"></script> <!-- 绑定样式： 1.绑定cl 阅读全文
posted @ 2023-07-07 18:51 谁知道水烫不烫 阅读(80) 评论(0) 推荐(0) 编辑
Vue（十）：监视属性——watch
摘要：1.监视属性的基本用法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>天气案例-监视属性</title> <script type="text/javascript" src="../js/vue.js"></script> 阅读全文
posted @ 2023-07-06 21:04 谁知道水烫不烫 阅读(37) 评论(0) 推荐(0) 编辑
Vue（九）：计算属性——computed
摘要：现在有一个需求，输入姓和名将其拼接为全名，全名要求根据姓名实时变化。 下面是三种实现： 1.插值语法实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>姓名案例-插值语法实现</title> <script type="tex 阅读全文
posted @ 2023-06-26 20:32 谁知道水烫不烫 阅读(29) 评论(0) 推荐(0) 编辑
Vue（八）：键盘事件
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>键盘事件</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <!-- Vue中 阅读全文
posted @ 2023-06-26 15:05 谁知道水烫不烫 阅读(286) 评论(0) 推荐(0) 编辑
Vue（七）事件处理
摘要：一、基本的事件处理 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基本的事件</title> <script type="text/javascript" src="../js/vue.js"></script> </head 阅读全文
posted @ 2023-06-24 10:44 谁知道水烫不烫 阅读(12) 评论(0) 推荐(0) 编辑
Vue（六）：数据代理
摘要：一、js中的Object.defineProperty方法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>回顾Object.defineProperty方法</title> <script type="text/javascr 阅读全文
posted @ 2023-06-23 17:32 谁知道水烫不烫 阅读(11) 评论(0) 推荐(0) 编辑
Vue（五）：Vue中的MVVM
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue中的MVVM</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <bod 阅读全文
posted @ 2023-06-23 14:45 谁知道水烫不烫 阅读(44) 评论(0) 推荐(0) 编辑
Vue（四）：el和data的两种写法
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>el和data的两种写法</title> <script type="text/javascript" src="../js/vue.js"></script> </head> < 阅读全文
posted @ 2023-06-23 14:43 谁知道水烫不烫 阅读(86) 评论(0) 推荐(0) 编辑
Vue（三）：数据绑定（v-bind和v-model）
摘要：数据绑定分为单向数据绑定和双向数据绑定，单向数据绑定就是前面学习的v-bind指令，而双向数据绑定则是下面学习的v-model指令。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>数据绑定</title> <script ty 阅读全文
posted @ 2023-06-22 18:29 谁知道水烫不烫 阅读(162) 评论(0) 推荐(0) 编辑
Vue（二）：指令语法之v-bind
摘要：一、什么是指令语法 vue中模板语法有两大类，第一类是插值语法，第二类就是指令语法。 1.插值语法 插值语法在上一篇“vue的简单使用”中已经提到了。 功能：用于解析标签体的内容 写法：{{XXX}}，XXX为js表达式 2.指令语法 功能：用于解析标签（包括标签属性、标签事件、标签体内容等） 本文 阅读全文
posted @ 2023-06-22 09:36 谁知道水烫不烫 阅读(133) 评论(0) 推荐(0) 编辑
Vue（一）：简单使用
摘要：1.引入js 要对vue进行使用，首先要引入相关的js文件： <script type="text/javascript" src="../js/vue.js"></script> 此处我将vue.js下载到了本地进行引用。 2.准备容器 <!-- 容器 --> <div id="root"> <h 阅读全文
posted @ 2023-06-22 08:56 谁知道水烫不烫 阅读(28) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示