【前端基础】Vue基本使用（考点梳理）---快速回顾

Vue基本使用（考点梳理）：

• 1，模板（插值，指令）
• 2，computed 和 watch
• 3，class 和style
• 4，条件
• 5，循环
• 6，事件
• 7，表单

一，模板（插值，指令）

1，插值，表达式

<template>
    <div>
        <p>文本插值 {{message}}</p>
        <p>JS 表达式 {{ flag ? 'yes' : 'no' }} （只能是表达式，不能是 js 语句）</p>

        <p :id="dynamicId">动态属性 id</p>

        <hr/>
        <p v-html="rawHtml">
            <span>有 xss 风险</span>
            <span>【注意】使用 v-html 之后，将会覆盖子元素</span>
        </p>
        <!-- 其他常用指令后面讲 -->
    </div>
</template>