早上写的忘了保存。。还有很多唠叨的内容。。。哎又得重新写一遍。。想吐槽那个自动保存有卵用。。
今天周一,早上起来继续
由于周六加了一整天班,导致周日无心学习,一天都在玩游戏看电影,到了晚上反而更加空虚,想想还不如学习+健身来的实在。。
看来现在只有提升自我和赚钱能提起我的兴趣。。
上周都在学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