字符串的连接

当遇到多条消息加在一起的时候可以使用如下方法：
法一：直接拼接

 <div id="app">
        <h2>{{firstName+' '+lastName}}</h2>
        <h2>{{firstName}} {{lastName}}</h2>
    </div>
 <script>
        const app=new Vue({
            el:'#app',
            data:{
                firstName:'四七',
                lastName:'Vue'
            },
         })

法二：通过定义methods

 <div id="app">
        <h2>{{getFullName()}}</h2>
    </div>
<script>
        const app=new Vue({
            el:'#app',
            data:{
                firstName:'四七',
                lastName:'Vue'

            },
            methods:{
                getFullName(){
                    return this.firstName + ' '+this.lastName
                }
            }
        })

法三：采用计算属性computed

 <div id="app">
        <h2>{{fullName()}}</h2>
    </div>
 <script>
        const app=new Vue({
            el:'#app',
            data:{
                firstName:'四七',
                lastName:'Vue'

            },
            //计算属性
            computed:{
                fullName:function(){
                    return this.firstName+'  ' +this.lastName
                }
            },
       }）

结果都是一样的会把两个字符串连接到一起