vue学习8：模板语法

1、插值表达式的方式

2、v-text

3、v-html

见下面的代码;

<div id="app">
        <div>{{message}}</div>
        <div v-text="message"></div>
        <div v-html="message"></div>
    </div>
    <script>
        var vm = new Vue({
            el: '#app',
            data: {
                message: '<h1>Hello</h1>'
            }
        })
    </script>

页面输出如下：

另外，这几个模板语法内部都可以进行简单的计算，比如：

<div id="app">
        <div>{{message + ' Dell'}}</div>
        <div v-text="message  + ' Dell' "></div>
        <div v-html="message  + ' Dell' "></div>
    </div>
    <script>
        var vm = new Vue({
            el: '#app',
            data: {
                message: 'Hello'
            }
        })
    </script>

页面如下：