vue学习笔记-插值操作

指令概述
Mustache指令：即大括号语法，其中不仅可以直接写变量还可以写简单的表达式

<div> {
   {
   counter}} </div>
<div> {
   {
   counter+size}}</div>

指令	作用
v-once	保留第一次的设置
v-html	对内容以HTML代码的方式解析
v-text	展示文本
v-pre	将内容原封不动的展示出来
v-cloak	解决屏幕闪动或显示vue源代码问题

v-once
v-once这个指令不需要任何表达式，它的作用就是定义它的元素或组件只会渲染一次，包括元素或者组件的所有字节点。首次渲染后，不再随着数据的改变而重新渲染。也就是说使用v-once，那么该块都将被视为静态内容。

<div id="app">
            <h2 v-once>{
   {
   content}}(设置v-once)</h2>
            <h2>{
   {
   content}}(未设置v-once)</h2>
        &