2021年11月8日
Vue：条件渲染
摘要： V-show（使用频繁切换） 点击查看代码 <!DOCTYPE html> <html lang="en" xmlns:> <head> <meta charset="UTF-8"> <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="js/vue.js"></scr 阅读全文
posted @ 2021-11-08 17:30 旅祸少年 阅读(54) 评论(0) 推荐(0)
Vue：动态绑定样式（v-bind）
摘要： v-bind 将属性交给vue管理 使得属性能取得vue的值从而实现动态变化 动态绑定class 绑定样式 <!DOCTYPE html> <html lang="en" xmlns:> <head> <meta charset="UTF-8"> <!-- 开发环境版本，包含了有帮助的命令行警告 - 阅读全文
posted @ 2021-11-08 16:55 旅祸少年 阅读(1076) 评论(0) 推荐(0)
Vue：计算属性
摘要： 1.计算属性用来干嘛？ 答：用来对data里面的属性进行加工 2.直接为什么不用methods？ 答：computed具备缓存功能而methods没有缓存功能 3.如何实现computed？ 实现代码 <!DOCTYPE html> <html lang="en" xmlns:> <head> <m 阅读全文
posted @ 2021-11-08 15:46 旅祸少年 阅读(76) 评论(0) 推荐(0)
Vue：按键函数
摘要： 使用按键触发函数 方法一：（使用event对象） 判断target <!DOCTYPE html> <html lang="en" xmlns:> <head> <meta charset="UTF-8"> <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="js/v 阅读全文
posted @ 2021-11-08 14:44 旅祸少年 阅读(178) 评论(0) 推荐(0)
Vue：事件修饰符
摘要： 常见得修饰符： 1.prevent：阻止默认事件触发只触发函数 2.stop：阻止冒泡：冒泡是会向父级跳转的 3.once：函数只触发一次 修饰符代码 <!DOCTYPE html> <html lang="en" xmlns:> <head> <meta charset="UTF-8"> <!-- 阅读全文
posted @ 2021-11-08 10:47 旅祸少年 阅读(96) 评论(0) 推荐(0)
Vue：v-on解析
摘要： 当使用Vue想调用函数时候使用V-ON 不传参数 不穿参数会默认传入一个event <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="../ 阅读全文
posted @ 2021-11-08 00:35 旅祸少年 阅读(196) 评论(0) 推荐(0)
Vue：MVVM解析
摘要： Vue里面的mvvm模型 m：代表data vm：代表vue（所以以后vue起名都叫vm） v：就是页面模板 vue是一个实例 那么vue实例的东西都能拿出来 data是我们自己设置的值通过某些手段传入了vue实例中也就是vm中 取出除Vue了data的数据 <!DOCTYPE html> <htm 阅读全文
posted @ 2021-11-08 00:05 旅祸少年 阅读(254) 评论(0) 推荐(0)