vue的那点事

通过"."指明一些指令 后缀，不同 后缀 封装了不同的处理操作 ---> 简化代码 按钮修饰符 @keyup.enter ---> 键盘回车监听 ...... ...... ......

作用：给表单元素使用，双向数据绑定-》可以快速获取或设置表单元素内容 数据变化-》视图自动更新 视图变化-》数据自动更新 语法：v-model=“变量”

语法：key属性=“唯一标识” ， 作用：给列表添加的唯一标识，便于Vue进行列表项的正确排序复用。

作用：基于数据循环，多次渲染整个元素 -》 数组、对象、数字...... 遍历数组语法： v-for="(item,index) in 数组" item 每一项 index 下标

作用：动态的设置html的标签属性 ---》 src url title ...... 语法：v-bind:属性名=“表达式” 简写：v-bind:src ==> :src

fn调用参数1会传给metheods方法中fn方法的a,参数2会传给fn方法的b 方法传参可以是多个。

v-on:事件名="methods中的函数名" methods中的方法 让提供的所有methodes中的函数，this都指向当前Vue实例

内联语句：可执行代码 v-on 作用=添加监听+提供处理逻辑 语法 v-on:事件名=“内联语句” v-on:事件名=“methodes的函数名” 简写：@事件名

v-else 代表否则，不需要接着写表达式 v-else-if 需要添加条件表达式 使用结构 v-if v-else-if v-else 三者结合

v-show 底层原理：切换css的disaplay:nooe 来控制显示隐藏 v-if 底层原理：根据判断条件控制元素的创建和移除（条件渲染）

Vue指令 Vue会根据不同的指令，针对标签实现不同的功能。 指令就是带有v-前缀的特殊属性，不同属性对应不同的功能

1、插件地址：https://chrome.zzzmh.cn/ 2、下载完插件需要在chrome进行安装 3、安装成功之后需要把整个浏览器关闭并且重新打开