1 文件结构
以.vue结尾，文件结构
<script>
// JS代码
</script>
<template>
<!-- HTML代码 -->
</template>
<style scoped>
/* CSS代码 */
</style>
2 代码风格：选项式、组合式
两种代码风格
- 组合式 API (Composition API)
- 选项式 API (Options API)
3 指令 Directives
这里仅作为基本概念，后续将详细介绍
- v-text：更新元素的文本内容。
- v-html：更新元素的 innerHTML。
- v-show：基于表达式值的真假性，来改变元素的可见性。
- v-if：基于表达式值的真假性，来条件性地渲染元素或者模板片段。
- v-else：表示
v-if或v-if/v-else-if链式调用的“else 块”。 - v-else-if：表示
v-if的“else if 块”。可以进行链式调用。 - v-for：基于原始数据多次渲染元素或模板块。
- v-on（简写：@）：给元素绑定事件监听器。
- v-bind（: 或者 . [当使用 .prop 修饰符]）：动态的绑定一个或多个 attribute，也可以是组件的 prop。
- v-model：在表单输入元素或组件上创建双向绑定
- v-slot（简写：#）：用于声明具名插槽或是期望接收 props 的作用域插槽
- v-pre：跳过该元素及其所有子元素的编译
- v-once：仅渲染元素和组件一次，并跳过之后的更新
- v-memo：
- v-cloak：用于隐藏尚未完成编译的 DOM 模板