Vue入门基础

Vue

Soc:

HTML+CSS+JS: 视图 ：给用户看，刷新后台给的数据

• 网络通信：axios
• 页面跳转：vue - router
• 状态管理：vuex
• Vue -UI : ICE
• Axios：页面通信。
• router：页面跳转。
• Babel：编译工具，兼容浏览器 ES 版本。
• WebPack：打包、压缩。

官网：https://cn.vuejs.org/v2/guide/

M: 模型 V: 视图 C: 控制器

Node.js

2009年发布。

一套 JavaScript 运行环境，类似于 JDK。

npm：项目综合管理工具，类似于 Maven。

yarn：npm 的替代方案，类似于 Maven 和 Gradle 的关系。

Node.js 的作者已经声称放弃 Node.js，说是架构做的不好再加上笨重的 node_modules，开始开发全新架构的 Deno（destroy node）。

前后端演进史

MVVM

---

Vue组件：

​ 组件是可复用的vue实列，说白了就是一组可以重复使用的模板，和JSTL的自定义标签，有着异曲同工之妙。

Vue安装：

• npm install cnpm -g
• cnpm install vue-cli -g
• vue list

创建一个vue项目------>vue项目

​ init webpack myvue myvue是名字

​ cd myvue 可以进你项目里的目录

​ npm run dev

webpack:

• npm install webpack -g
• npm install webpack-cli -g

npm安装如果失败，就使用cnpm安装。但尽量使用npm安装。

查询是否安装成功：

• webpack -v
• webpack-cli -v

笔记外链：https://www.kuangstudy.com/

vue-router路由：

npm install vur-router --save-dev
路由全笔记

创建一个Vue项目步骤：