React、vue、jQ通过CDN的方式引入

React、vue、jQ通过CDN外链的方式引入最新的前端框架：

1.引入最新的React版本：

获得 React 和 ReactDOM 的 UMD 版本
  <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

上述版本仅用于开发环境，不适合用于生产环境。压缩优化后可用于生产的 React 版本可通过如下方式引用：

<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>

如果需要加载指定版本的 react 和 react-dom，可以把 16 替换成所需加载的版本号。

以上仅仅是官网说明的，但如果你想在一个htm中使用React，你必须引入的三个CDN：

<script src="https://cdn.bootcss.com/react/16.8.6/umd/react.development.js"></script>

<script src="https://cdn.bootcss.com/react-dom/16.8.6/umd/react-dom.development.js"></script>

<script src="https://cdn.bootcss.com/babel-standalone/6.26.0/babel.js"></script>

 

2.引入最新的vue版本：

<script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
<script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>

或者

<script type="text/javascript" src="https://unpkg.com/vue"></script>

3.引入最新的jQ版本

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>