大部分资料来自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安装成功了