Vue的安装和配置

mac2025-05-21  63

Vue是目前最流行的前端框架之一,给大家讲一下如何安装和配置Vue环境。

网上也有许多关于安装和配置Vue的教程,但是他们的方法太过于麻烦了,而且对于初学者来说对网上的一些安装和配置Vue的方法不理解,看了之后还是没有一点思绪,我总结了一种最简单的Vue安装和配置的方法给大家参考使用。

Vue安装的方法

方法一:使用本地文件安装引入

1.登陆Vue.js官网 2. 下载名为 vue.min.js的文件或者压缩包 3. 命名为Vue.js文件 4. 把文件复制到HTML文件下 5. 用

new Vue({ el: '#speak', data: { manager: '我的第一个 Vue!' } })

效果如图所示

方法二:使用固定的CDN

特别注意使用此类方法要在联网状态下使用 第一个CDN https://cdn.staticfile.org/vue/2.2.2/vue.min.js

引入示例

<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>

第二个CDN https://unpkg.com/vue/dist/vue.js

引入示例

<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>

第三个CDN https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

引入示例

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"></script>

仔细观看上述方法并配置好之后就可以开始你的Vue之旅了。

了解更多关注我呦!!!

最新回复(0)