发表于: 2019-11-21 23:10:57

1 1223


今天完成的事情,

看vuex,

学习笔记一,

vue x是尤玉溪专门为vue js框架开发的状态管理库。
vue x的特点, 1,状态管咯模式
                       2,集中式存储管理应用的所有组件的状态。
                       3,并以一相应的规则保证以一种可以被预测的方式变化。
集中式存储管理应用的所有的状态的意思是,在vue里面,所有的应用都是组件化的。使用vue x来去管理。
vue x的数据要么存入本地的对象中,要么就存入全局对象中,类似全局对象里面。我们可以统一去访问。
通俗的来说,vue x是一个类似全局对象存储的所有组件的里面的状态,响应式的数据。
我的理解,vuex 是 一个状态管理库,可以集中管理vue 的所有组件的状态,把他们的状态数据,以一个类似全局对象,或者本地对象的方式来存储。响应式。
学习笔记二,
vue x的应用场景。
vue x,适用于,
一,多个视图使用同一个状态。
二,来自不同的视图的行为需要改变同一个状态。
多个视图使用同一个状态的意思就是,vue x可以让vue 不同的组件他们都使用同一个数据状态。起到的作用就是组件之间的数据共享。
来自不同的视图的行为需要改变同一个状态,意思是vue x不仅仅可以起到,祖师之间的数据共享,还可以让组件之间的数据来发生改变。
在另一个页面去修改,这个数据状态。
我的理解,vue x的目的就是为了组件之间的数据共享,读取,以及修改,组件之间共享的数据。
学习笔记三,
vue x的组成介绍。
1,state,在vue x中的state ,是数据仓库的意思,state 是数据的来源,存储着vue的所有state 数据。
2,getter,在vue x中,用来获取,数据,那么为什么我们不去实例化一个对象去获取数据,而是非要使用,getter来获取呢?
因为,getter 有他自己的好处,他获取的时候,可以派生出来一个state。方便我们拿。。
3,mutation 用来修改数据,本身,mutation就是一个funtion 。使用mutation来修改数据的时候,vue x可以记录历史,以及mutation6*-



在vue 中,所有页面的都是子组件,传值的话。最好还是使用vue x。


var a=10;


在js里面到底发生了什么?



编译阶段


其实之前一直吧,var 声明a 赋值=10看做两步。


在js这门语言中,在执行前,会经历3个步骤,

分词法分析,

将字符组成的字符串分解为又意义的代码块,

这些代码快会被成为词法单元,token。比如 var 1=10;会被分解为 var a = 2,至于空格会不会被分解取决于空格在这门语言中,有没有意义。



语法分析,

将词法单元流(数组)转换为一个由元素逐级嵌套所组成的代表了程序语法结构的书,这个树被称为抽象语法树,。


代码生成,

将语法树上面的代码生成可执行的代码。




当var a=10.被编译器遇到的时候。

首先遇到 var a,编译器问,作用域,在这个作用域里,你这里由变量a嘛?如果由继续编译,没用的话,要求作用域,声明一个var a。


接下来,。编译器会为引擎生成可以运行所需的代码,这些代码会被用来处理,a=10;这个赋值操作执行的时候,

引擎会问作用域,作用域里是不是有这个a的变量,如果是的话就使用这个,不是的话,就去查找a变量。


最终引擎找到了变量a,赋值2,不然就在控制台抛出异常。



收获,看了一些基础知识吧,和对vue x的学习。



返回列表 返回列表
评论

    分享到