摘要：
事件处理 1.事件 2 change 和 blur 的区别 change 和 blur 最本质的区别：如果输入框为空，失去焦点后，change不会触发，但是blur会触发 3 input事件、change事件、blur事件 当输入框进行输入的时候 触发的事件 <!DOCTYPE html> <htm 阅读全文
摘要：
v-model数据双向绑定（值变--页面跟着变） input 框，使用 v-model="username" 绑定上变量，以后，只要变量变化，页面变化，页面变化，变量变化 v-model的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset 阅读全文
摘要：
v-for遍历数组(列表)：<tr v-for="(book,index) in book_list"> # book是循环到的对象，index是数组的索引对象(字典)：<p v-for="(value,key) in person">{{key}}是：{{value}}</p># value是字典 阅读全文
摘要：
1 条件渲染 2 案例 根据分数显示优秀、良好、一般、不及格 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcdn.ne 阅读全文
摘要：
数据的绑定 语法 :属性名=js变量/js语法 :class=’js变量、字符串、js数组’ class：三目运算符、数组、对象{red: true} :style=’js变量、字符串、js数组’ style：三目运算符、数组[{backgreound: ‘red’},]、对象{background 阅读全文
摘要：
1 属性指令 #只要是标签的属性，都可以使用属性指令动态绑定# v-bind:属性名=属性值# :属性名=属性值 2 案例 v-bind:class='js变量' 可以缩写成：:class='js变量' <!DOCTYPE html> <html lang="en"> <head> <meta ch 阅读全文