html中使用v-cloak

小吴在打码

已于 2023-05-22 16:28:30 修改

阅读量77

点赞数 1

文章标签： html 数学建模 java

于 2023-05-22 16:25:06 首次发布

本文链接：https://blog.csdn.net/wbb1126/article/details/130809899

版权

代码如下：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title></title>
  <style>
    [v-cloak] {
      display: none;
    }
  </style>

</head>


<body>
  <div id="app" v-cloak>
    <ul>
      <li v-for='(item,,index) in list' :key="index">{{item}}</li>
    </ul>
  </div>
  <script src="./js/vue.min.js"></script>

  <script>
    var d = new Vue({
      el: '#app',
      data() {
        return {
          list: ['6', '66', '666', '6666', '66666', '666666',]
        }
      },
      mounted() {
        console.log("Vue,启动!!!");
      },
    })

  </script>

</body>

</html>