<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="app"> <!-- <p a="1" :a="1" :a="msg"></p> --> <组件标签 a="1" :a="1" :a="'1'" a="true" :a="true"></组件标签> </div> <!-- v-on @ 绑定事件 v-if v-else v-else-if 根据条件渲染组件 v-show 显示隐藏元素 v-bind : 给属性绑定数据 v-model 双向绑定 只能加给表单元素 v-for 循环数据或对象(一般不循环对象)生成统一的结构 想要循环哪个标签,就给哪个标签添加该指令 v-text v-html innerText innerHTML v-once 数据只渲染一次渲染后,就失去了vue的联系 v-pre 跳过渲染过程(不会渲染拥有pre的标签) v-cloak 配合css [v-cloak] { dispaly: none; } 可以让{{}}在没有被渲染的时候隐藏 --> </body> </html>