随笔分类 -  Vue

上一页 1 2
大前端框架
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 旅祸少年 阅读(1068) 评论(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 旅祸少年 阅读(71) 评论(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 旅祸少年 阅读(172) 评论(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 旅祸少年 阅读(86) 评论(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 旅祸少年 阅读(182) 评论(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 旅祸少年 阅读(251) 评论(0) 推荐(0)
Vue：El与Data
摘要：EL挂载的两种方式 第一种 直接挂载 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="../js/vue.js"></script> <t 阅读全文
posted @ 2021-11-07 23:48 旅祸少年 阅读(52) 评论(0) 推荐(0)

上一页 1 2