vuex

67 阅读2分钟

Vuex是为Vue开发的管理状态模式,集中存储管理所有组件的状态。属性分别由state、getters、mutations、actions、module。 (1)state用来定义所要存储的数据,通过store.state调用数据(2getters可以认为是store的计算属性,通过store.state调用数据 (2)getters可以认为是store的计算属性,通过store.getters调用属性 (3)mutations用来存放改变state数据的同步方法,每个方法接收的参数都是state,用store.commit来调用mutations中的同步方法(4actions用来存放异步方法,接收的参数是contextmutations中的方法),通过store.commit来调用mutations中的同步方法 (4)actions用来存放异步方法,接收的参数是context(mutations中的方法),通过store.dispatch调用actions中的方法 (5)module将store分割成模块,每个模块有自己的state、getters、mutations、actions、甚至嵌套子模块,从上至下进行同步分割 前四个属性除了用$store的方法调用,还能通过import { mapState/mapGetters/... } from 'vuex'引入,再用...mapState/mapGetter/...(['属性/方法名'])的形式映射进来调用

A选项:xss(cross-site-scripting)攻击指的是攻击者往 web 页面里插入恶意 html 标签或者 javascript 代码 ;

B选项:首先代码里对用户输入的地方和变量都需要仔细检查长度和对 “<> , ; . ”等字进行过滤;其次任何内容写到页面之前都必须加 encode,避免不小心把 html tag 弄出来。这一个层面做好,至少可以堵住超过一半的XSS 攻击 ;\

D选项:攻击者在论坛中放一个看似安全的链接,骗取用户点击后,窃取 cookie 中的用户私密信息;或者攻击者在论坛中加一个恶意表单,当用户提交表单的时候,却把信息传送到攻击者的服务器汇总,而不是用户原本以为的信任站点  vuex用于集中管理项目的公共数据,可以将多个组件的共享数据存放进去。 1、state:存放数据,state中的数据只能通过mutations修改 2、mutations:修改state中的数据,每一个方法的第一个参数是state,只能是同步方法 3、action:异步方法,可以在异步方法中commit对应mutation修改state 4、getters:类似于计算属性,可以根据state中的数据进行过滤派生出一些新的数据 5、module:将store分为模块,每个模块都有自己的state、mutations、action、getters

vue用于集中管理项目的公共数据,state存放数据,mutation修改state中的数据,同步方法,第一个参数为state,action异步方法,可以在异步方法中commit对应mutation修改state,getter类似于计算属性,可以根据state中的数据进行过滤派生出一些新的数据,module将store分为模块,每个模块都有自己的state,mutation,action,getters