摘要：
组件的基本使用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> //3.使用组件 <my-cpn></my-cpn> 阅读全文
posted @ 2021-03-16 22:21
455994206
阅读(52)
评论(0)
推荐(0)
摘要：
v-model是v-on和v-bind的结合 v-model绑定的是value属性的值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id 阅读全文
posted @ 2021-03-16 17:09
455994206
阅读(21)
评论(0)
推荐(0)
摘要：
普通for循环 <script> const app=new Vue({ el : '#app', data: { prices: [85, 25.25, 45, 36.1] }, computed: { totalPrice() { let total = 0 for(let i=0;i<this 阅读全文
posted @ 2021-03-16 16:40
455994206
阅读(22)
评论(0)
推荐(0)
摘要：
computed默认调用的是getter方法，不能传参，想要传递参数得用setter设置好再用getter取 这里还可以用methods <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</titl 阅读全文
posted @ 2021-03-16 14:55
455994206
阅读(57)
评论(0)
推荐(0)
摘要：
v-for遍历数组： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> //在遍历过程中，没有使用索引值（下标值） <ul 阅读全文
posted @ 2021-03-16 11:37
455994206
阅读(55)
评论(0)
推荐(0)
摘要：
v-show的使用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2 v-if="isShow">{{messa 阅读全文
posted @ 2021-03-16 10:34
455994206
阅读(93)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <span v-if="isUser"> <label for="use 阅读全文
posted @ 2021-03-16 09:30
455994206
阅读(55)
评论(0)
推荐(0)
浙公网安备 33010602011771号