vue笔记
vue基础
数据的页面展示{{}} ,v-once,v-html
数据绑定属性v-bind,简写用:
事件调用：v-on,简写：@
V-if与v-show，异同
v-for 用in和of都一样，循环数组的时候，可以有两个参数，循环对象时，可以有三个参数
style与class绑定
计算属性
表单双向绑定
新建vue单页面应用
一共有两种方式：
-
vue/cli
-
vite
vue/cli
vue/cli是基于webpack
npm install -g @vue/cli
这样就可以在全局安装vue/cli，输入命令，查看安装是否成功
vue --version
#or
vue -V
能出现对应的vue/cli的版本，即为安装成功。
在这一步过程中，很可能会出错，出错率10%左右，如果安装明明成功了，但是无法显示版本号，并且提示vue not ...command，则为环境变量需要配置。
npm list -g
查看全局环境下，包安装路径，复制其，配置电脑的环境变量，重启cmd即可。
vue/cli安装成功后，即可新建项目
使用vue/cli新建项目有两种方式
命令行新建
vue create hello-world
中间经过若干步骤，按需导入使用。
O Babel 把es6等高端代码转成低端代码，供低版本浏览器使用
O TypeScript TS微软新出的一门语言，可以用来生成js
o Progressive Web App (PWA) Support 移动端app支持
o Router 路由
o Vuex 一种统一状态管理工具（存数据的）
o CSS Pre-processors css预处理器支持（可以用来把less等高端css语言转成普通css）
• Linter / Formatter （代码风格）
o Unit Testing 测试
O E2E Testing 测试
vue ui新建（不推荐）
vue ui
正常情况下，会自动打开默认浏览器页面，进行配置
如果出错，检查把杀毒软件都关掉
使用vite新建
不基于webpack，速度更快，体积更小，仅支持vue3.x，不支持2.x，并且目前还不是很稳定，正在完善中，建议将来使用。
npm init vite-app hello-world
如果报错：
Need to install the following packages:
create-vite-app
Ok to proceed? (y)
输入y进行安装create-vite-app即可。
项目目录
babel.config.js babel配置文件
dist 生成的用于上线的低端代码
jsconfig.json js配置文件
node modules 包仓库
package-lock.json package的升级版，把包固定在某个版本
package.json 项目配置文件
public 公共文件
README.md
src 程序员开发写的内容
App.vue 主组件
assets 静态文件
components 组件盛放文件夹
main.js 主要js（入口js）
vue.config.js vue配置文件
打开 nom run serve
组件
新建组件，引入组件，注册组件，使用组件
父子间的传值
父传子用props（props验证，指定默认值，指定多个数据类型）
子传父用$emit（传参）
什么是MVVM
-
模型
-
模型是指代表真实状态内容的
-
视图
-
就像在
-
视图模型
-
视图模型是暴露公共属性和命令的视图的抽象。MVVM没有MVC模式的控制器，也没有MVP模式的presenter，有的是一个绑定器。在视图模型中，绑定器在视图和数据绑定器之间进行通信。
-
绑定器
-
声明性数据和命令绑定隐含在MVVM模式中。在Microsoft解决方案堆中，绑定器是一种名为
ViewModel，没错，就是这个ViewModel，他是MVVM相对于MVC改进的核心思想。在开发过程中，由于需求的变更或添加，项目的复杂度越来越高，代码量越来越大，此时我们会发现MVC维护起来有些吃力，首先被人吐槽的最多的就是MVC的简写变成了Massive-View-Controller（意为沉重的Controller） 由于Controller主要用来处理各种逻辑和数据转化，复杂业务逻辑界面的Controller非常庞大，维护困难，所以有人想到把Controller的数据和逻辑处理部分从中抽离出来，用一个专门的对象去管理，这个对象就是ViewModel，是Model和Controller之间的一座桥梁。当人们去尝试这种方式时，发现Controller中的代码变得非常少，变得易于测试和维护，只需要Controller和ViewModel做数据绑定即可，这也就催生了MVVM的热潮。
