您当前的位置: 首页 > 

小志的博客

暂无认证

  • 2浏览

    0关注

    1217博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

Vue_内置指令

小志的博客 发布时间:2019-09-11 21:21:11 ,浏览量:2

参考:vue官网 1、代码:




  
  内置指令
  
    [v-cloak] { display: none }
  





  abcd
  提示
  {{cons}}
  {{content}}
     
    




  alert("======")
  new Vue({
    el: '#example',
    data: {
        cons:'hello world',
        content: '百度一下',
        result:'你好',
        res:'haha'
    },
    methods: {
      hint () {
        alert(this.$refs.msg.innerHTML)
      }
    }
  })



2、效果图: 1)、{{cons}}出现闪现效果,如下图: 在这里插入图片描述2、v-cloak防止闪现效果如下:


    [v-cloak] { display: none }

{{content}}

在这里插入图片描述3、完整效果图: 在这里插入图片描述

关注
打赏
1661269038
查看更多评论
立即登录/注册

微信扫码登录

0.0401s