一、基本使用步骤
导入 vue.js 的 script 脚本文件
在页面中声明一个将要被 vue 所控制的区域
创建 vm 实例对象（vue 实例对象）
这里需要先在官网下载 vue.js 文件
<body>
<div id="app"> {
{ username }} </div>
<!-- 导入 Vue 的库文件 -->
<script src="./lib/vue.js"></script>
<!-- 创建 Vue 的实例对象 -->
<script>
const vm = new Vue({
// el 固定写法，表示当前 vm 实例要控制页面上的哪个区域，接收的值是一个选择器
el: '#app',
// data 对象就是要渲染到页面上的数据
data:{
username: 'Jack'
}
})
</script>
</body>
二、安装
vue.js 的两个版本：
- 开发版本：包含完整的警告和调试模式
- 生产版本：删除了警告，37.70KB min+gzip
在开发环境下不要使用压缩版本，不然你就失去了所有常见错误相关的警告!
如果不想下载 vue.js 文件，也可以通过 cdn 的方式引入
对于制作原型或学习，你可以这样使用最新版本：
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script>对于生产环境，我们推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏：
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.16"></script>可以在 cdn.jsdelivr.net/npm/vue 浏览 NPM 包的源代码。
Vue 也可以在 unpkg 和 cdnjs 上获取 (cdnjs 的版本更新可能略滞后)。
确认了解不同构建版本并在你发布的站点中使用生产环境版本，把 vue.js 换成 vue.min.js。这是一个更小的构建，可以带来比开发环境下更快的速度体验。
在用 Vue 构建大型应用时推荐使用 NPM 安装[1]。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。
# 最新稳定版
$ npm install vue@^2
一 叶 知 秋，奥 妙 玄 心
![[<span style='color:red;'>VUE</span>]<span style='color:red;'>2</span>-<span style='color:red;'>vue</span><span style='color:red;'>的</span><span style='color:red;'>基本</span><span style='color:red;'>使用</span>](https://img-blog.csdnimg.cn/direct/ff002c928cd6405092ec39aac52a85b2.png)
