一、核心原理
- Vuex 本质是一个对象
- Vuex 对象有两个属性,一个是 install 方法,一个是 Store 这个类
- install 方法的作用是将 store 这个实例挂载到所有的组件上,注意是同一个 store 实例。
- Store 这个类拥有 commit,dispatch 这些方法,Store 类里将用户传入的 state 包装成 data,作为 new Vue 的参数,从而实现了 state 值的响应式。
轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十 kb;
简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习;
双向数据绑定:保留了 angular 的特点,在数据操作方面更为简单;
组件化:保留了 react 的优点,实现了 html 的封装和重用,在构建单页面应用方面有着独特的优势;
视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作;
虚拟 DOM:dom 操作是非常耗费性能的, 不再使用原生的 dom 操作节点,极大解放 dom 操作,但具体操作的还是 dom 不过是换了另一种方式;
运行速度更快:相比较与 react 而言,同样是操作虚拟 dom,就性能而言,vue 存在很大的优势。
<router-outlet></router-outlet>
是 angular 路由的占位元素,表示要把对应的路由组件渲染到router-outlet
中
使用angular router
的项目,需使用<a routerLink="/crisis-center">Crisis Center</a>
的形式,才能在 angular
内部跳转
html
|
字段名 | 范围 |
---|---|
private | 类内部 |
public | (默认)类内部和外部、及其子类都可访问 |
protected | 类内部和其子类(区别与 public,即当前类实例化不可访问) |
static | 存在于类本身而不是类的实例上 |
abstract | 定义抽象类和在抽象类内部定义抽象方法,做为其它派生类的基类使用,一般不会直接被实例化 |
readonly | 只读属性 |
开发环境 debug 是每个程序员上岗的必备技能。生产环境呢?虽然生产环境 debug 是一件非常不优雅的行为,但是由于种种原因,我们又不得不这么干。
那我们今天讲一讲如何使用 chrome 在生产环境进行 debug 。
more >>tag:
缺失模块。
1、请确保node版本大于6.2
2、在博客根目录(注意不是yilia-plus根目录)执行以下命令:
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置:
jsonContent: meta: false pages: false posts: title: true date: true path: true text: false raw: false content: false slug: false updated: false comments: false link: false permalink: false excerpt: false categories: false tags: true