vue学习小笔记

• 官方脚手架：npm Create Vue@latest
• 开发习惯通常把<template放在<script之前
• radio单选类型
• v-model：实现数据双向绑定
• v-for：循环内容（通常配套 v-bind:key = " " （缩写为 ：key = " "） 使用，是指循环时以什么参数作为唯一区分）
• v-if：判断
• v-show：控制元素的显示和隐藏
• **OptionsAPI（选项式API）**是给所有模板中的内容设置成一个对象，没有对不同模块的data和methods进行区分
• CompositionAPI（组合式API）根据模块不同进行了分开处理，用Set up(){}进行区分，搭配return{}返回指定内容；想要对其中的数据实现双向绑定，还要引入vue库的ref函数，给每一个数据前加入ref实现双向绑定
• **reative()**使用reative（）包裹后实现实时更新绑定（也可以用ref包裹，取值时要加.value）

前端

• text-align:控制元素内文本的水平方向对齐方式，可选center right left end…
• vertical-align:控制垂直对齐方式，但只对表格内元素<span <a <td…生效，对块级元素<div <p 无效。可选top middle bottom
• flex布局中justify-content 控制「竖直方向」的分布，align-items 控制「水平方向」的对齐（交叉轴）
• transition （过渡属性）用于控制元素在不同状态间（如 :hover、:active 或 JS 动态改变样式）的平滑过渡效果，而不是立即切换。
• 伪类： :hover鼠标悬浮 :active鼠标点击 :focus鼠标聚焦该元素时，通常是输入框被点击时