所在的位置: js >> js市场 >> Vuejs3用CDN的方式使用

Vuejs3用CDN的方式使用

北京治荨麻疹好医院 http://pf.39.net/bdfyy/bdfhl/210708/9159711.html

对于开发和学习任何一门新技术,新框架,最主要的还是能够运行起来,怎么运行起来,这才是最主要的。所以,我们来说一下Vue.js的安装方式。

因为Vue.js的设计初始,就是一个渐进式的JavaScript框架,所以你可以按需所用,这也就造就了他可以使用多种方式集成到一个项目中。

当前文档的最新版本为:3.2.12to3.2.13

这里尽量在文档中使用的都是该版本,没有大版本变化,不再对内容进行更新。本来使用3.2.12编写本次文章,但在本文章编写的过程中,已经升级到3.2.13,本次教程也同步升级到3.2.13

在项目使用Vue.js中一般有4种方式(也可以说是三种方式,也可以说是五种方式):

1.在页面上使用CDN包的形式导入

2.下载Vue.js的JavaScript文件引用使用

3.使用npm安装它

4.使用官方的CLI来构建应用,这个是先在前端工作流程中使用最多的方式。

5.使用Vite构建工具构建应用

接下来详细的讲解这几种方式。

首先来说说,在页面上使用CDN包的形式导入

在一开始WEB开发的过程中,我们总是需要在html页面中直接引入对应的JavaScript文件。Vue.js是一个渐进式的框架,所以这种方式也可以使用:

引入的代码如下所示,为了界面效果代码进行了截图。所有的代码都会放到github中。

执行该文件可以看到这种方式我们引用了三个文件

vue

next

vue

3.2.12

vue.global.js

效果图如下:

在实际的生产环境下,最好指定对应的具体版本信息,这样可以避免一些版本升级遇到的问题和bug。

指定版本的方式为:

scriptsrc="


转载请注明:http://www.aierlanlan.com/rzdk/1214.html

  • 上一篇文章:
  •   
  • 下一篇文章: