1、Vue.js 是什么？
- Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。
- Vue 只关注视图层， 采用自底向上增量开发的设计。
- Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
- Vue 学习起来非常简单，本教程基于 Vue3 以上版本测试。
2、Vue.js 的特点和优势
- 轻量级：Vue.js 的核心库非常小巧（大约 20KB），加载速度快。
- 渐进式框架：Vue 可以自下而上逐层应用。你可以在一个已有项目中使用 Vue 作为一个简单的视图层库，也可以使用 Vue 来管理整个前端应用。
- 易于学习：Vue 的设计非常直观，适合前端初学者，文档也非常详尽。
- 高性能：Vue 的虚拟 DOM 和高效的差异化算法，使其具有良好的性能表现。
- 组件化：Vue 允许使用组件构建应用程序，组件可以复用并且易于维护。
- 双向数据绑定：Vue 提供了简洁易用的双向数据绑定机制，使得数据和视图之间的同步变得非常简单。
1、 使用 CDN 方法
- Staticfile CDN : https://cdn.staticfile.net/vue/3.0.5/vue.global.js
- 字节跳动 CDN : https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/3.2.31/vue.global.min.js
- unpkg：https://unpkg.com/vue@3/dist/vue.global.js
2、NPM 方法
（1）、npm 版本需要大于 3.0，如果低于此版本需要升级
（2）、由于国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。
推荐使用 cnpm 安装，cnpm 能很好地和 Webpack 或 Browserify 模块打包器配合使用。
使用 cnpm 命令来安装模块
然后在命令行中运行以下命令：
这将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具：
在项目被创建后，通过以下步骤安装依赖并启动开发服务器：
执行后如下：
执行后如下：
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/149885.html