竹石2020 - 博客园

2021年6月

摘要：使用v-model实现双向绑定radio <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <label for="mal 阅读全文

posted @ 2021-06-02 10:03 竹石2020 阅读(258) 评论(0) 推荐(0) 编辑

v-model实现的原理

摘要： v-model实现的原理 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{message}} <input type 阅读全文

posted @ 2021-06-01 22:27 竹石2020 阅读(26) 评论(0) 推荐(0) 编辑

高阶函数 filter map reduce

摘要：高阶函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> </div> <script src="../vue.js"> 阅读全文

posted @ 2021-06-01 22:06 竹石2020 阅读(15) 评论(0) 推荐(0) 编辑

用基础知识vue做的小案例，购物车

摘要： vue的基础知识 ##购物车案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div v-if="books.le 阅读全文

posted @ 2021-06-01 19:56 竹石2020 阅读(49) 评论(0) 推荐(0) 编辑

2021年5月

哪些数组的变化时响应式的

摘要： vue中的使用sort、shift、unshift、pop函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{me 阅读全文

posted @ 2021-05-31 19:57 竹石2020 阅读(33) 评论(0) 推荐(0) 编辑

v-fro的使用

摘要： #v-for遍历数组和遍历对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{message}} <ul> <!- 阅读全文

posted @ 2021-05-31 19:55 竹石2020 阅读(36) 评论(0) 推荐(0) 编辑

v-if和v-show的使用

摘要： #在渲染html中。v-if性能低一点，v-show 如果需要频繁的切换，就采用v-show <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div 阅读全文

posted @ 2021-05-30 18:28 竹石2020 阅读(121) 评论(0) 推荐(0) 编辑

v-if、v-else-if和v-else的使用

摘要： #做条件判断用的v-if、v-else 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{message} 阅读全文

posted @ 2021-05-30 12:06 竹石2020 阅读(181) 评论(0) 推荐(0) 编辑

v-On的修饰符

摘要： #v-on的修饰符主要有一下几种： .stop 阻止事件冒泡 .prevent 阻止默认事件。重新定义新的事件。 .once 让事件只发生一次。不会重复触发。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title 阅读全文

posted @ 2021-05-30 11:50 竹石2020 阅读(68) 评论(0) 推荐(0) 编辑

v-bind 绑定事件。浏览器对象的绑定

摘要： #v-on参数传递的问题，多个参数传递，和传递浏览器对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <button 阅读全文

posted @ 2021-05-29 22:32 竹石2020 阅读(159) 评论(0) 推荐(0) 编辑

公告