05 2021 档案
摘要：vue中的使用sort、shift、unshift、pop函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{me
阅读全文
摘要：#v-for遍历数组和遍历对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{message}} <ul> <!-
阅读全文
摘要：#在渲染html中。v-if性能低一点，v-show 如果需要频繁的切换，就采用v-show <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div
阅读全文
摘要：#做条件判断用的v-if、v-else 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{message}
阅读全文
摘要：#v-on的修饰符 主要有一下几种： .stop 阻止事件冒泡 .prevent 阻止默认事件。重新定义新的事件。 .once 让事件只发生一次。不会重复触发。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title
阅读全文
摘要：#v-on参数传递的问题，多个参数传递，和传递浏览器对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <button
阅读全文
摘要：#es6中的块级作用域let consat ##相对于es5，es5只有var。没有作用域，相当于是全局作用域。而es6中let 和consat都是有作用域的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>
阅读全文
摘要：#计算属性复杂使用，其中有三种for循环的方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h3>总价格：{{to
阅读全文
摘要：#vue的计算属性 computed计算 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{message}} <h2
阅读全文
摘要：###mustache语法只能在html标签内部使用，标签的属性中不能使用mustache语法。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <d
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>{{message}}</h2> <h2 v-once>{{me
阅读全文