随笔分类 -  Vue

Vue 列表渲染
摘要：列表渲染 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten 阅读全文
posted @ 2021-11-17 10:12 ABkjlhkj 阅读(42) 评论(0) 推荐(0)
Vue 条件渲染
摘要：v-if： 适用于频率较低的场景 不展示的dom元素直接被移除 v-if，v-else-if，v-else可以一起使用，但要求结构不能被打断 v-show 适用于频率较高的场景 不展示的dom元素未被移除，仅仅是使用样式隐藏掉 使用v-if时，元素可能无法获取到，而使用v-show一定可以获取到 v 阅读全文
posted @ 2021-11-16 20:00 ABkjlhkj 阅读(29) 评论(0) 推荐(0)
vue绑定class样式
摘要：vue绑定class样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport 阅读全文
posted @ 2021-11-16 18:20 ABkjlhkj 阅读(53) 评论(0) 推荐(0)
vue 监视属性
摘要：监视属性——watch 改变天气 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="weather"> <h2>today is so 阅读全文
posted @ 2021-11-16 13:27 ABkjlhkj 阅读(57) 评论(0) 推荐(0)
Vue 计算属性
摘要：插值语法实现 <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="root"> 姓: <input type="text" v-model="firstname"><b 阅读全文
posted @ 2021-11-15 11:54 ABkjlhkj 阅读(52) 评论(0) 推荐(0)
vue与axios结合输出多个json
摘要：<!DOCTYPE html> <html lang="en" xmlns:v-binf="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> <!--v-cloak 解决闪烁问题--> 阅读全文
posted @ 2021-10-25 09:02 ABkjlhkj 阅读(101) 评论(0) 推荐(0)