VUEX和filer过滤器的定义

VUEX的基本概念:VUEX就是VUE官方给我们提供的一个状态管理工具,

VUEX的运行机制:如果想要在页面中获取VUEX中state里面的数据,就需要调用:this.$store.state.数据,如果想要改变state里面数据就需要调用VUEX内mutation里面的方法,调用语法:this.$store.commit("事件名",要传的参数)、在VUEX内的mutation里面需要定义事件,然后里面有两个参数,(“state”,在页面内传过来的参数),如果想要调用VUEX内的actions就需要通过this.$store.dispach调用actions在actions里面还需要调用commit来改变state里面的数据,如果想要调用getters就需要用this.$store.getters

VUEX的五大核心:state:用来存放公共数据、getters:相当于计算属性,获取到state里面的数据进行处理并返回,mutation:是唯一可以直接改变state里面数据的方法、actions:主要用于存放异步方法,也可以在里面通过commit来调用mutation里面的方法,从而改变state里的数据、modules:模块化,当我们的项目过大时,所有的数据都定义在一个文件中,就会造成我们的代码臃肿,所以需要用modules来拆分模块化,每一个模块里面都会有:state、mutation、actions、getters这几个方法

辅助函数:在VUEX内有四个辅助函数,也被称为“四大金刚”,分别是mapstate、mapgettes、mapmutations、mapactions

开启严格模式:strict:true,写在跟state同级的位置,开启严格模式后不是用mutations来修改state里面数据的都会报错,开启严格模式只适用于开发环境下。

VUE中的过滤器:VUE中的过滤器分为两种:第一种是全局过滤器:在main.js中定义一个Vue。filter(),第二种时局部过滤器:在页面内跟data同级定义一个filters是一个对象,

他们的作用都是对我们想要的数据进行格式化:一般用于过滤和处理时间和金钱,在传参数的时候需要用到管道符:{{“传的第一个参数” | "过滤器名称(里面还可以传多个参数)"}},过滤器可以串联使用,不过第二次使用的过滤器过滤的时第一次经过处理的数据。

this指向问题:1、在全局环境下this指向widow,2、箭头函数并不会修改this指向,3、在构造函数中this指向原型,4、在普通函数中:在函数创建的时候this没有指向,当函数调用的术后this才会有指向,并且谁调用指向谁。

如何强制修改this的指向:一共有三种方法:call()、apply、bind、这三个的区别:call和apply会直接去调用并修改this的指向,而bind并不会直接修改this的指向,bind需要在后面进行调用。三个修改this指向在传参数的时候也有区别:this原来的指向。call(“让this指向谁”,传的参数,参数,参数),

this原来的指向。apply(“让this指向谁”,["参数","参数","参数"])

,this原来的指向。bind(“让this指向谁”)(传的参数,参数)

JS的数据类型:JS的数据类型分为两种,简单数据类型和复杂数据类型(又叫引用数据类型),

两种类型的区别就是一个简单数据类型存在“栈”里,复杂数据类型存在“堆”里

简单数据类型:Number:数值类型,String:字符串类型、Boolean:布尔值、undefined:未定义、Null:空,这是基本数据类型

复杂数据类型:Array:数组、Obj:对象、function:函数、等等

你可能感兴趣的:(vue.js,前端,javascript)