获取数据的三种方法 ：v-cloak，v-text，v-html

• v-cloak

  <style>
  [v-cloak] {
  display: none;
  }
  </style>
  <p v-cloak>{{msg}}</p>

特点：

1. 使用 v-cloak 能解决表达式闪烁的问题，需要在css中设置
2. 可以在差值表达式（{{}}）前后加其他的内容

• v-text

  <p v-text="msg"></p>

特点：

1. v-text 默认没有闪烁问题，不需要在css中设置
2. v-text会覆盖元素原本的内容，所以无法在元素中加其他内容

• v-html：

  <p v-html="msg"></p>
  data: {
  msg: '<h1>vue真棒</h1>'
  }

特点：

1. v-html 默认没有闪烁问题，不需要在css中设置
2. v-html 会覆盖元素原本的内容，所以无法在元素中加其他内容
3. v-html 可以用来获取html标签内容