vue中页面信息的展示

v-text

  v-text可以将一个变量的值渲染到指定的元素中。

  用法：

<span v-text="hello"></span>
var vm = new Vue({
        el:'#app' 
        ,data:{
            hello:'<h1>Hello World !</h1>' 
        }
    });

  结果：

  从上面我们可以看出，h1标签只能以字符串形式输出，也就是说v-text只能将数据以字符串的形式在HTML页面中进行输出。

v-html

  { {}}和v-text会将数据解释为纯文本，而非HTML，为了输出真正的HTML，你需要使用v-html

  用法：

<div v-html="hello"></div>
var vm = new Vue({
        el:'#app'
        ,data:{
            hello:'<h1>Hello World !</h1>'
        }
    });

  结果：