vue.js 入门

简介

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