竹石2020 - 博客园

2021年6月

摘要： 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 阅读(38) 评论(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 阅读(24) 评论(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 阅读(58) 评论(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 阅读(44) 评论(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 阅读(60) 评论(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 阅读(137) 评论(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 阅读(219) 评论(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 阅读(84) 评论(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 阅读(174) 评论(0) 推荐(0)

块级作用域es6

摘要： #es6中的块级作用域let consat ##相对于es5，es5只有var。没有作用域，相当于是全局作用域。而es6中let 和consat都是有作用域的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> 阅读全文

posted @ 2021-05-28 23:05 竹石2020 阅读(56) 评论(0) 推荐(0)

公告