<!-- Use preprocessors via the lang attribute! e.g. <template lang="pug"> -->

<template>

  <div id="app">

    <div v-text="name"></div>

    <div>{{ name }}</div>

​

    <hr />

​

    <div>

      v-text:

      <span v-text="html"></span>

    </div>

    <div>

      v-html:

      <span v-html="html"></span>

    </div>

  </div>

</template>

​

<script>

export default {

  data() {

    return {

      name: "VueLog",

      html: `<span style="color: blue">VueLog</span>`

    };

  }

};

</script>

​