v-clock

浊世独行侠

于 2023-11-28 11:42:21 发布

阅读量446

点赞数 7

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44972441/article/details/134663885

版权

v-clock

给元素上加了这个属性，初始值为display：none，登vue的文件编译结束后再删除这个元素，回显编译后的元素和数据

<body>
  <div id="app"></div>
  <template id="my-app">
    <h2 v-clock>{{message}}</h2>    //没加v-clock可能会出现先回显{{message}}后面编译后再显示//hello world
  </template>
  <script src="../js/vue.js"></script>
  <script>
    const App = {
      template: "#my-app",
      data () {
        return {
          message: `hello world`,
        }
      },
      methods: {

      },
    }
    Vue.createApp(App).mount("#app")
  </script>
</body>