VUE 基础

文章目录

• vue是什么? 什么是渐进式
• 一、vue的脚手架是什么，如何安装，创建项目，入口文件是谁
• 二、脚手架创建项目启动和打包指令分别是什么
• 三、MVVM是什么？好处是什么？
• 总结

---

vue是什么? 什么是渐进式

• vue 是一个 渐进式的 javascript 框架

• 官网地址: Vue.js - 渐进式 JavaScript 框架 | Vue.js

• 渐进式：逐渐增强，vue不强求你一次性在网站中运用学习所有的语法，可以学一点用一点

---

一、vue的脚手架是什么，如何安装，创建项目，入口文件是谁

vue 脚手架:

• @vue/cli 也叫 vue脚手架, @vue/cli 是vue官方提供的一个全局命令工具 这个命令可以帮助我们快速的创建一个vue项目的基础架子。

• 脚手架: 为了保证各施工过程顺利进行而搭设的工作平台

脚手架安装:

• 全局安装： npm i @vue/cli -g 或 yarn global add @vue/cli

• 查看vue版本： vue --version

• 找个目录，初始化一个vue项目： vue create 项目名（不能用中文）

  项目名: 不能是关键字,中文,特殊字符,大写字母

入口文件: src/main.js

• @vue/cli 也叫 vue脚手架, @vue/cli 是vue官方提供的一个全局命令工具 这个命令可以帮助我们快速的创建一个vue项目的基础架子。

• 脚手架: 为了保证各施工过程顺利进行而搭设的工作平台

脚手架安装:

• 全局安装： npm i @vue/cli -g 或 yarn global add @vue/cli

• 查看vue版本： vue --version

• 找个目录，初始化一个vue项目： vue create 项目名（不能用中文）

  项目名: 不能是关键字,中文,特殊字符,大写字母

入口文件: src/main.js

---

二、脚手架创建项目启动和打包指令分别是什么

cd 进入目录，启动项目, 打包项目：

启动项目: 

yarn serve 或 npm run serve

打包项目：

yarn build 或 npm run build 

---

三、MVVM是什么？好处是什么？

MVVM: 一种软件架构框架

• M：model 数据模型

• V：view 视图

• VM： viewModel 视图模型

好处: 数据双向绑定,实现数据自动双向同步

---

总结

vue的简单介绍,vue脚手架介绍和使用流程