写在前面

• react整体是函数式的思想，把组件设计成纯组件，状态和逻辑通过参数传入，而vue的思想是响应式的，也就是基于是数据可变的，通过对每一个属性建立Watcher来监听， 当属性变化的时候，响应式的更新对应的虚拟dom
• react的思路通过js来生成html， 所以设计了jsx，还有通过js来操作css。vue是自己写了一套模板编译的逻辑，可以把js css html糅合到一个模板里边
• react可以通过高阶组件来扩展，而vue需要通过mixins来扩展

频繁用到的场景

1. 数据传递：父传子，父更新子如何取得新数据

父组件中有一个表单日期组件，子组件是一个弹层（弹层中有日期组件，默认值取父组件选中的日期），父组件更改日期范围后，子组件打开默认日期也需要更新。如下：

// 父组件

// 子组件

2. $parent$refs$emit

2.1 $refs访问子组件中的方法或属性

2.1 $parent访问父组件中的方法或属性 $emit触发父组件中定义的方法

// 子组件

// 父组件，忽略其他项


// ...
methods: {
  conditionChange(controlName) {
    // ...
  }
}
// ...

3. mixins扩展使用

// itemList就是来自treeSelectMixin中定义的数据

4. 样式的两种写法

// 同一个.vue文件中可以出现以下两个style标签

// 当 `

以上就是入门时困扰较多的地方~祝换乘顺利

作者：京东零售 黄晓丽

来源：京东云开发者社区 转载请注明来源