【20221022/20221023——学习记录】Vue

# 昨天没写呢，主要还是太忙了，且逢周五得有一些仪式感任务比如打扫卫生需要完成，因此没有留出时间来写学习记录，但还是有在学的，我也不想卷啊，可是别人太卷了。。。

# 今天大概率是在学Vue，并且估计嗨学不完。。。

# 发现自己没办法用精简的语言来表述某一项技术可以实现的效果，还要多多向大佬学习！

JAVA入门基础_从零开始的培训_Vue2~3的入门使用 - code_Stars - 博客园

Vue的模板语法（2大类）

• 插值语法：写JS表达式，用于解析标签体内容

• 指令语法：写JS表达式，用于解析标签（包括属性、内容、事件）

Vue数据绑定方式（只要data中的数据被改变，Vue就会重新渲染模板）

• 单项数据绑定：数据只能从data流向页面。

• 插值，也就是{{name}}的形式，以文本的形式和实例data中对应的属性进行绑定

• 双向数据绑定：数据不仅能从data流向页面，还可以从页面流向data。

MVVM模型，还有VueComponent是什么？

• M： Model模型，指的是Vue中的data数据

• V： View视图，指的是页面中的模板

• VM：ViewModel模型视图，指的是Vue的实例

• VueComponent： Vue的组件。VM可以使用el、而VC不能使用el。并且VC中的data只能用函数写法

事件修饰符及组合使用（6个）

计算属性

Vue 方法与计算属性_simple--的博客-CSDN博客

监视属性

Vue：计算属性与监视属性_起名方面没有灵感的博客-CSDN博客

绑定样式

绑定Class样式

• 绑定Class样式的三种方式
  （1）:class="myClass"，字符串写法，适用于类名不确定，需要动态获取
  （2）:class="arrClass"，数组写法，适用于类名不确定，类名数量也不确定
  （3）:class="objClass"，对象写法，适用于类名确定、类名数量也确定，但是不确定使用还是不使用

绑定CSS样式

• 绑定CSS样式的3种方式
  （1）:style={color: strStyle}，单个对象写法，其中的strStyle为data中的数据
  （2）:style="objStyle"，对象写法（常用）
  （3）:style="arrStyle"，数组写法

列表渲染方式

详解Vue的列表渲染_普通网友的博客-CSDN博客_vue列表渲染

v-cloak、v-once、v-pre属性

Vue学习第二弹,v-cloak,v-once,v-pre指令_哔哩哔哩_bilibili

妈的写不下去了，越学越不会，我要冷静一下........