Vue 的引入

写在前面

vue 和 React 不同,想要使用 vue 框架开发项目,只需要引入一个 vue.js 文件就可以了。

Vue 的引入方式有很多种,可根据需要选择不同的方式引入。这些引入或安装方式在 Vue 官网 上都有介绍,在这里仅作简单总结。

1. <script> 标签引入

1.1 下载 vue.js 到本地

可以从 Vue官网 上下载最新的 vue.js 文件到本地,然后使用 <script> 标签引入到本地项目中使用。

1.2 使用 CDN 引入

可以从 CDN 引入 vue,我这里经常使用 BootCDN 引入资源。

<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script>

2. npm 或 yarn 安装

在开发较大型的项目应用时,可以选择 npm 或者 yarn 安装 vue,这样方便与 webpack 等打包工具配合。默认安装最新稳定版,若需指定版本号,写法为 vue@版本号

npm install vue

yarn add vue

3. vue-cli 工具

vue-cli 官网

vue 的开发者为了方便用户能更快地上手开发 vue项目,提供了一款已经内置好 vue 开发需要的相关资源的工具,即 vue-cli 工具,用户可开箱即用。

npm install -g @vue/cli

# OR

yarn global add @vue/cli

安装好 vue-cli 工具后可查看对应的 vue 版本

vue --version

然后根据 vue-cli 工具的官方文档的创建项目的方式,根据需要选择对应的配置信息后,创建项目并进行开发。

原文地址:https://www.cnblogs.com/lovevin/p/13214499.html