【Vue】2-3、Vue 的基本使用

一、基本使用步骤

• 导入 vue.js 的 script 脚本文件

• 在页面中声明一个将要被 vue 所控制的区域

• 创建 vm 实例对象（vue 实例对象）

这里需要先在官网下载 vue.js 文件 

    
 {{ username }} 
    
    
    
    

 

 二、安装

vue.js 的两个版本：

• 开发版本：包含完整的警告和调试模式
• 生产版本：删除了警告，37.70KB min+gzip

在开发环境下不要使用压缩版本，不然你就失去了所有常见错误相关的警告! 

如果不想下载 vue.js 文件，也可以通过 cdn 的方式引入

对于制作原型或学习，你可以这样使用最新版本：

对于生产环境，我们推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏： 

可以在 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

 

一  叶  知  秋，奥   妙  玄  心