Vue2——基础知识点总结

v-on 指令

什么是v-on指令?
v-on指令专门用于给元素绑定监听事件类型

v-on 注意点
v-on注意点
1、绑定回调函数名称的时候, 后面可以写()也可以不写
v-on:click="myFn"
v-on:click="myFn()"
2、可以给绑定的回调函数传递参数
v-on:click="myFn('lnj', 33)"
3、如果在绑定的函数中需要用到data中的数据必须加上this

v-for 指令

什么是v-for指令
相当于JS中的for in循环, 可以根据数据多次渲染元素

v-for特点
可以遍历 数组, 字符, 数字, 对象

v-if 指令

什么是v-if指令（控制是否存在）
条件渲染: 如果v-if取值是true就渲染元素, 如果不是就不渲染元素

v-if特点:
如果条件不满足根本就不会创建这个元素(重点)

v-bind 指令（控制属性）

v-bind的作用是专门用于给"元素的属性"绑定数据的

v-show 指令（控制显示与隐藏）

什么是v-show指令
v-show和v-if的能够一样都是条件渲染, 取值为true就显示, 取值为false就不显示

v-if和v-show区别
v-if: 只要取值为false就不会创建元素
v-show: 哪怕取值为false也会创建元素, 只是如果取值是false会设置元素的display为none

v-text标签

控制标签的内容

v-html 指令

控制识别标签

v-model指令

v-model获取表单数据  双向数据绑定

组件

    占位符

     模板

    定义组件

    绑定、挂载组件

    父组件传参给子组件

    子组件传参给父组件