vue 显示变量

<div id="app">{{name}}
        <p>{{sex}}</p>
        <div v-html='ming'></div>
        <div>姓名:<span v-html='ming'></span></div>
        <!-- <img src="./images/banner.png"  width="100" alt=":title='tit'"> -->
        <img :src="src" width="100" alt=":title='tit'">
        <button v-on:click='qh()'>切换</button>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

  

 //vue写法
    //显示变量
    var app = new Vue({
        //绑定元素
        el: '#app',
        //变量
        data: {
            //变量
            name: 'bill',
            sex: '男',
            ming: '<b>张三</b>',
            tit: '轮播图',
            src: './images/banner.png',
            
        },
     
    });

 

posted @ 2021-01-13 13:41  soda001  阅读(2235)  评论(0)    收藏  举报