Vue.js 2.0 学习笔记（1）

大部分资料来自Vue.js的官网，少部分是自己整理，可能有错。

Vue.js学习笔记

1、兼容性：支持所有兼容ECMAScript5的浏览器（Opera 11.60、Internet Explorer 9 不完全支持、Firefox 4、Safari 5.1不支持，但是Webkit支持、Chrome 13）

2、Vue.js支持独立版本（直接在页面引入vue.min.js/vue.js）和开发版本（需使用Nodejs安装执行环境和依赖）两种编译方法

3、Vue.js独立版本的安装：

① 使用Nodejs输入命令下载文件，也可以用bower管理工具下载，当然还可以直接下载，下载地址：http://vuejs.org/js/vue.min.js （2.1.3版本）

npm install vue / bower install vue

② 打开下载的文件夹（一般都是在用户管理文件夹下，如果有指定文件夹则在指定文件夹下）的dist，vue.min.js/vue.js即为源文件

③在页面引入vue.min.js/vue.js即可

PS：使用时，Vue的实例（上图的构造函数）必须在{{xinxi}}表达式的下面，否则{{xinxi}}表达式里面的变量无法被数据替换！

4、Vue.js开发版本的安装：

①首先检查npm的版本，Vue.js2.0要求npm的版本在3.0以上，如果低于这个版本，在后面的启动服务的时候会各种花式报错！

npm -v

PS：建议直接到Nodejs官网上下载最新版本，目前最新的稳定版是6.9.1（2016.11.30），开发版是7.2.0

②全局安装Vue.js

//下载并全局安装Vue.js开发版本 vue-cli
npm install -g webpack（如果没有安装webpack先安装）
npm install -g vue-cli

//创建基于webpack打包工具的Vue.js项目 my-first-project
vue init webpack my-first-project

//进入 my-first-project 的项目文件夹
cd my-first-project

//下载项目所需的全部依赖（在项目根目录下的package.json有记录），只能使用npm下载，cnpm依赖文件会缺失
npm install

//启动路由，稍后会弹出一个localhost:8080的页面
npm run dev

 

 PS：出现这个页面就表示Vue安装成功了