VUE【一、概述】

早上写的忘了保存。。还有很多唠叨的内容。。。哎又得重新写一遍。。想吐槽那个自动保存有卵用。。

---

今天周一，早上起来继续
由于周六加了一整天班，导致周日无心学习，一天都在玩游戏看电影，到了晚上反而更加空虚，想想还不如学习+健身来的实在。。
看来现在只有提升自我和赚钱能提起我的兴趣。。

上周都在学BootStrap，妄图记住每个插件、组件的用法、标签、类。。应该是学习姿势不对，学到后面越看越烦，后来请教了一个前端同学，他们都是学会基本用法，然后写的时候用什么查什么

本周开始计划学习VUE，只学原理、基本用法和最常用的几个命令，其他的等到用的时候再查，用的时候是记得最快最牢的时候。但是作为一个后端。。用到前端技术的几率实在很小，所以打算VUE和java SpringMVC看完了搭建一个自己的项目

废话结束，开始正题

---

VUE概述

1、框架简介
2、开发环境搭建
3、具体指令和项目实践

简介

• 双向绑定
  当前端页面和后台数据模型绑定后，一方的改变都会联动另一方的值

• 组成
  一般有一个*.vue，包含template（html）、script（js）、style（css）

环境搭建

• 先下载安装Node.js,会顺便安装npm
  淘宝npm镜像https://npm.taobao.org/
• cnpm安装，使用淘宝镜像（会有10min延迟，防止翻墙速度慢）
  npm install -g cnpm --registry=https://registry.npm.taobao.org
• 使用cnpm安装vue
  npm install -g vue-cli （-g也可以是-global）
• 创建一个项目
  1、在某目录下创建一个基于“webpack”模板的项目，名字为first-vue
  vue init webpack first-vue
  2、添加依赖
  cd first-vue --切进项目根目录
  cnpm install --安装依赖，依赖配置位于根目录的package.json
  3、启动项目
  npm run dev --会启动服务器，并跳转首页localhost:8080