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

你可能感兴趣的:(vue.js 入门)