SOURCE

new Vue({
  el: '#app',
  data: {
    name: 'zhenghui',
    link: 'http://www.baidu.com',
    html: "<a href='http://www.baidu.com'>baidu.com</a>"
  },
  methods: {
    sayName: function() {
      this.name = "caizi"
      return this.name
    }
  }

})

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">
</script>
<div id="app">
  <h1 v-once>
    {{ name }}
  </h1>
  <p>
    {{ sayName() }}
  </p>
  <a v-bind:href="link">
    baidu.com
  </a>
  <h2 v-once>
    {{ name }}
  </h2>
  <h3 v-html="html">
    {{ html }}
  </h3>
</div>

h1 {
  color: red;
}
h2 {
  color: blue;
}
h3 {
  color: skyblue;
}
p {
  color: pink;
}
a {
  color: orangered;
}