<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>test</title> <style> [v-cloak] { opacity: 0; } </style> </head> <body> <div id="app" v-clock> <h1>{{ hoge }}</h1> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> new Vue({ el: '#app', data: { hoge: 'テスト', } }) </script> </body> </html> 原因 vueがコンポーネントのインスタンスを初期化する前にブラウザがhtmlを表示するから v-clock v-c