vue使用介绍

web使用vue方式介绍

1.直接使用npm或者vue脚手架安装

脚手架安装方式，命令如下：

npm install -g vue-cli

安装完脚手架，可以用可视化的方式管理项目，好处是可以页面方式安装依赖和插件，命令如下：

vue ui

命令方式的前提是比较熟悉命令行

npm init vue@latest

2. 页面集成

在web直接引入使用，类似普通的js库，适合现有项目使用，但不推荐，实测时页面渲染性能会差，不如方式一中构建后的快。

vue2

<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>

vue3

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

以上是引入的外部功能库，生产环境我们要控制版本，以及防止外部库不可用，要下载具体的版本放入项目中，使用本地引入的方式。