简介
Vue 是一个当下使用比较多的前端js框架,具有以下特点
-
数据绑定
改变一个输入框 Input 标签的值,会自动同步更新到页面上其他绑定该输入框的组件的值 -
组件化
页面上小到一个按钮都可以是一个单独的文件.vue,这些小组件直接可以像乐高积木一样通过互相引用而组装起来
环境安装
-
Node.js:JavaScript运行环境
安装Node.js -
npm:Node.js下的包管理工具
安装好Node.js后npm就可以使用了,使用npm -v来查看版本。可以通过npm来安装cnpm,这是一个淘宝的npm镜像,对于国内网络来说相比npm更稳定
npm install -g cnpm --registry=https://registry.npm.taobao.org
-
webpack:vue的组件都是通过.vue文件定义的,无法被浏览器识别,需要被翻译和打包成.js文件
cnpm install webpack -g
-
vue-cli:用来生成vue工程的模板,相当于按照设计好的图纸来盖房子
npm install vue -cli -g
启动项目
1.进入工程目录执行vue init webpack-simple
命令生成vue项目模板,会有一些配置,一般直接回车即可
2.安装项目依赖,执行npm -install
3.安装路由模块vue-router和网络请求模块vue-resource,非必需
cnpm install vue-router vue-resource --save
4.启动npm run dev