文本

用得比较少

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.   <title>Document</title>
  8. </head>
  9. <body>
  11.   <div id="app"></div>
  13.   <template id="my-app">
  14.     <!-- 这两个效果是一样的 -->
  15.     <h2 v-text="message"></h2>
  16.     <h2>{{message}}</h2>
  17.   </template>
  19.   <script src="https://unpkg.com/vue@next"></script>
  20.   <script>
  21.     const App = {
  22.       template: '#my-app',
  23.       data() {
  24.         return {
  25.           message: "Hello World"
  26.         }
  27.       }
  28.     }
  30.     Vue.createApp(App).mount('#app');
  31.   </script>
  32. </body>
  33. </html>

image.png