模版语法

文本插值：使用双大括号 {{ }} 来绑定数据到文本节点。

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

<template>   <div id="counter"> <!-- 组件根元素通常不需要 id，除非你需要它来进行 DOM 操作 -->     <h1>Counter Example</h1>     <p>{{ name }}</p>     <p>{{ age }}</p>   </div> </template>   <script> export default {   name: 'Counter',   data() {     return {       name: 'mxx', // 假设这是一个名字，所以它应该是字符串       age: 19     // 年龄通常是数字     }   } } </script>   <style> /* 可以在这里添加一些样式 */ </style>

 

原始 HTML：使用 v-html 指令来输出原始 HTML。

 

属性绑定：使用 v-bind 或简写 : 来绑定 HTML 属性