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
原文地址:https://www.cnblogs.com/shanelau/p/6890964.html