请参考 https://github.com/devilwjp/vuereact-for-vuecli3-demo
请参考 https://github.com/devilwjp/vuereact-for-cra-demo
由于react hooks的取名规范是use开头，所以将use开头的方法全部修改成了apply开头，老的use开头方法仍然有效
在react组件中使用vue组件，如果要使用vue的sync修饰，使用 sync <Object>
在react组件中使用vue的组件
在react组件中，向vue组件传递具名插槽和作用域插槽，以及绑定自定义事件，以及v-model应用
react本身并不支持v-model，所以需要通过 model的value和setter也不需要变化
在react组件动态引用vue组件，类似vue的<component />
与react不同，vue有全局注册组件的功能，使每个组件不需要再单独引入
将vue全局组件的id作为参数传入applyVueInReact中，或者将id作为component属性的值传入VueContainer中
示例：在react中使用全局的vue版本element-ui的DatePicker
在Vue的组件中使用React组件
在Vue组件中，向React组件传递具名插槽和作用域插槽，以及绑定自定义事件
由于React没有插槽的概念，所有都是以属性存在，Vue的具名插槽和作用域插槽会被转化为React的属性，其中作用域插槽会转换成render props的方式
并且Vue组件的事件也会被转化成React的属性
比如react版本的antd的Card组件，在react中的使用示例如下
react版本的antd，在vue组件中使用的示例如下
作用：使得所有的Vue组件可以使用redux的状态管理
对工具包开启redux状态管理，这个场景一般存在于以React为主的项目中，为了使Vue组件也可以共享到redux，需要在项目的入口文件引入applyRedux方法（整个项目应该只引一次），将redux的store以及redux的context作为参数传入（或者至少在redux的Provider高阶组件引入的地方使用applyRedux方法）
React组件连接redux的方式这里就不再做介绍了，应该使用react-redux的connect方法
这里介绍Vue组件如何使用redux，工具包尽可能的实现了vue组件使用vuex的方式去使用redux，通过vm.$redux可以在组件实例里获取到redux状态管理
作用：使得所有的Redux组件可以使用Vuex的状态管理
对工具包开启vuex状态管理，这个场景一般存在于以Vue为主的项目中，为了使React组件也可以共享到vuex，需要在项目的入口文件引入applyVuex方法（整个项目应该只引一次），将vuex的store作为参数传入
类似react-redux的connect方法，在React组件中使用，由于vuex的关键字比redux多，所以将参数改成了对象，包含了mapStateToProps、mapCommitToProps、mapGettersToProps、mapDispatchToProps，每个都是一个纯函数，返回一个对象（和redux的connect使用方式完全一致）
在React的router里懒加载Vue组件
在Vue的router里懒加载React组件
每个通过applyVueInReact的的vue组件，以及通过applyReactInVue的react组件，都可以收到一个data-passed-props的属性，这个属性可以帮助你不做任何包装的，被之后再次使用applyVueInReact或applyReactInVue的组件收到全部的属性（由于是跨框架透传，原生的透传方式并不会自动做相应的封装和转换）
由于在每一次跨越一个框架进行组件引用时，都会出现一层包囊，这个包囊是以div呈现，并且会被特殊属性标注
React->Vue，会在vue组件的dom元素外包囊一层标识data-use-vue-component-wrap的div
Vue->React，会在react组件的dom元素外包囊一层标识__use_react_component_wrap的div
如果引发样式问题，可以全局对这些标识进行样式修正
介绍以下JS的两款利器：插件工具和网页版应用程序。
JS网红插件工具能够帮助卖家了解竞品的销售情况、竞争激烈程度、整体市场机会及潜力分数等。当你在亚马逊平台上浏览时，不管是浏览产品页、关键词页、类别页或者排名页，JS插件均可以抓取时时信息，比如同类产品的销量、金额、销售历史数据等，从而去分析判断这款产品成为爆款的空间，排除一些需求低且竞争压力大的产品。《3分钟了解JS插件和网页版》
也有小伙伴觉得困惑，JS插件工具和JS网页版工具的区别。其实插件是根据亚马逊平台现有数据抓取的分析结果，网页版工具是基于网页开发的，里面包含的工具也更强大，两者是互补关系，搭配使用更理想。
网页版工具还包含了关键词分析以及产品销量和库存跟踪工具，以及供应商数据库这个最新发布的功能。
接下来先介绍插件，同时会讲到一些选品策略，即使你不使用JS插件，这些选品的策略，对后期进行产品开发也很有帮助。
JS插件支持九大亚马逊站点，包括美国、加拿大、欧洲五国、印度和墨西哥。插件是基于我们的专利算法进行分析的，对销量的预估能够达到80%至 90%的准确度，是目前现有市场上最精准的分析工具。插件目前有专业版和简化版两个版本，这两个版本对销量预测的准确度是一致的。
JS插件的使用方法非常简单，它是基于Google Chrome浏览器来设计的，强烈的推荐大家使用Chrome浏览器来做这个搜索，它有很多自带免费工具。尤其做海外市场分析的时候，尤其推荐。JS插件安装在Chrome的浏览器上面后，会出现一个小图标上（如上图红色箭头指示）。不论是亚马逊九个站点中的哪一个，也不管在哪个页面，如产品页、榜单页或者店铺页，都可以用这个插件一键点击进行搜索。
下面演示一下关键词搜索，以Cold Brew Machine（冷萃咖啡机）为例，上图为专业版插件搜索出来的数据页面，首先看到的是右上角给出了一个机会分数为3分，同时给出了原因：这是一款高需求同时存在高竞争的产品。这款产品虽然满足了热销的条件，但是潜力稍低，所以分值不高（分值区间为1-10分，分值越高说明机会越高）
然后我们看页面中第一行的Average Monthly Sales（平均的月销量），这类产品的平均月销量为855件，是很高销量的，再看它的Average Sales Rank（平均销售排名）是60639，Average Price（平均价格）是72.98美金，Average Reviews（平均评论）数量是487。
所以这款产品月销量是满足我们之前提到的大于250件，价格略高于我们给出的价格范围（18-50美金），这个没有问题，只是说它可能在需求上会稍微降低一些。在欧美市场，一般低于50美金的产品，大家在消费的时候感知性是不强的，不需要想太多就购买了，但高于50美金的话，买家就会期待产品有更高的价值。这点跟中国市场比较起来，还是有一些区别。487这个评论数量，是大于我们推荐的“小于100”这个范围，这说明它的竞争比较大。
如果想要再进一步了解这款产品，在下边的一栏，大家可以看到产品的Product Name名称、Brand品牌、Price价格、Category类目、Rank排名、Mo. Sales月销售数量、D. Sales日销售数量、Revenue销售金额（预估）等每款产品的信息。
Seller里面，FBA为第三方卖家，AMZ为亚马逊自营。
Fees费用，我后面会给大家具体讲，这里面包含了哪些费用。
Sellers，就是卖家数量。
Net为净收入，就是收入减去各种费用后，比如FBA相关的费用。
LQS代表listing质量分数。通常是对照片、描述、关键词等情况给出了一个评分，分数越高呢，代表这个listing做得越好，越低就代表优化空间更大一些。
这里强调一下，所有蓝色的数字，都可以再点击看详情的（后文也有介绍）。
刚刚讲到的插件可以帮助你在一个关键词搜索页看到产品相关数据。在Best Sellers热销榜，New Release新榜单，Movers &Shakers等页面都可以用插件进行分析。插件不限次使用，在选品比较关键的一个时期希望大家可以来用这个插件去跑一跑，看看有哪些不错的产品机会。
在这里举出个例子，比如在 baby这个大的类目下面，进到二级类目Travel Gear，点击插件，就可以得到Travel Gear这个二级类目下面排名前100的产品，这些产品的月销量、价格、排名、评论等信息都会呈现。大家通过一级一级的子类目点击进去就可以看到三级、四级类目中热销榜单的产品销售情况了。
另一个方法是根据其他店铺来看。到其店内去看他哪些产品销量好，比如说你的竞品店铺。点击品牌的名字，在这里面我给大家标注出来红色箭头指的地方， oenbopo，进去之后呢，你就可以看到这个店铺内所有的这个产品情况。这样你可以分析关注一下这个店铺，观察哪个产品卖的好，你可以使用相同策略来运作。
我选择了一个店铺，截图如上。这个店铺卖的东西很杂、产品价格相对比较低的，产品的类别也是多种多样的，从婴儿用品、日用品、再到美妆类产品等。这时候你用插件去跑一下，就可以看到他哪个产品是销售最好的。
如上面介绍的，进到一个店铺页点击了插件之后，就是可以跑出这个店铺所有数据。一键点击，然后从大到小进行排序，Mo. Sales和Revenue这两列，我用红色标出来，选择一个月销量最高的，或者选择收入最高的产品。
