码迷,mamicode.com
首页 > 其他好文 > 详细

vue 显示变量

时间:2021-01-14 11:01:17      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:rip   html   div   nbsp   data   var   app   col   显示   

<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‘,
            
        },
     
    });

 

vue 显示变量

标签:rip   html   div   nbsp   data   var   app   col   显示   

原文地址:https://www.cnblogs.com/soda001/p/14271589.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!