Vue和Vuex笔记

vue

1、v-model 进行的是数据的双向绑定

当数据发生改变页面展示的数据也会发生相应的变化

当页面的数据发生改变数据也会进行相应的变化

2、MVVM的设计思想

视图到数据进行的事件绑定

数据到视图进行的是数据绑定

3、事件绑定

事件绑定的格式可以是函数名也可以是函数调用

事件函数中的this指的是创建的vue实例对象

4、事件绑定的传参

@如果事件直接绑定函数名称，默认会传递事件对象作为事件函数的第一个参数

@如果事件绑定函数的调用，事件对象必须作为最后一个参数传递，并且事件对象名称必须是$event

5、事件的修饰符

@阻止冒泡：在绑定事件的后面加.stop；@click.stop=" "

原始的方式：event.stopPropagation()

@阻止默认行为：在绑定事件的后面加.prevent；@click.prevent=" "

原始的方式：event.preventDefault()

6、按键修饰符

v-on:keyup.按键修饰符=' '

按键修饰符提交事件绑定的事件和按钮绑定的事件一个名字

7、自定义按键修饰符

全局config.keyCodes对象

Vue.config.keyCodes.fi = 按键对应的阿斯科马值

8、属性绑定（:href="值"）

属性绑定就是动态的改变属性的值

9、v-model的原理

属性绑定和事件绑定的结合

10、样式绑定

:class 进行样式的绑定

他有两种形式：

一种是对象中键值对的方式，键表示的是定义的样式名，值是自定义的标志类，即is加自定义名字，驼峰命名法

另一种是数组的方式，数组中自定义类名，在data中定义自定义的类名

11、分支结构

v-if / v-else-if / v-else

v-show 用来实现元素的显示与隐藏 通display来控制 隐藏后不占空间

12、v-if和v-show的区别

v-if 控制的是元素是否渲染到页面中，元素没有渲染到页面中

v-show 控制的是元素是否显示，其实元素已经渲染到了页面中

13、循环结构

v-for 其中