Vue3学习过程中碰到的问题: 1、指令

指令：vue内置的attribute属性

指令带有前缀 v-，以表示它们是 Vue 提供的特殊 attribute,会在渲染的 DOM 上应用特殊的响应式行为

指令名	说明	示例
v-bind 缩写：:	将这个元素节点的 title attribute 和当前活跃实例的 message property 保持一致 其实就是给标签的属性赋值 用":"可以替代	<span v-bind:title="message"></span> 简写： <span :title="message"></span>
v-on 缩写：@	添加一个事件监听器,通过它调用在实例中定义的方法 其实就是绑定事件 用"@"可以替代	<button v-on:click="getMsg">反转 Message</button> 简写： <button @click="getMsg">反转 Message</button>
v-model	实现表单输入和应用状态之间的双向绑定 就是赋值	<input v-model="message" /> 简写： 无
v-if	条件判断，可以配合v-else-if、v-else使用	<span v-if="seen">现在你看到我了</span>
v-for	循环遍历，类似foreach	<div v-for="item in items"> {{ item.text }} </div>
v-text	标签赋值	<span v-text="msg"></span> 简写: <span>{{msg}}</span>
v-html	html代码替换	<div v-html="html"></div>
v-show	元素是否展示，css层面的，相当于dispaly:none;	<h1 v-show="ok">Hello!</h1>
v-slot 缩写：#	插槽，只能用于<template>和组件	比较复杂，就不举例了，看官网
v-pre	文本输出	<span v-pre>{{ this will not be compiled }}</span>
v-cloak	防止在vue编译过程中出现源码，闪屏等现象是使用	css [v-cloak] { display: none; } <div v-cloak> {{ message }} </div>
v-once	只加载一次，然后页面怎么折腾都不变
v-is	将特定标签修改，这个几乎用不到