v-cloak指令解决差值表达式闪烁问题

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width,initial-scale=1.0">

  <title>helloworld</title>

  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

  <style>

    [v-cloak] {

      display: none;

    }

  </style>

</head>

<body>

  <div id="app">

    <p v-cloak>{{msg}}</p>

  </div>

  <!-- built files will be auto injected -->

  <script>

    var vm = new Vue({

      el: '#app',

      data: {

        msg: 'helloworld1'

      }

    })

  </script>

</body>

</html>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容