vue template模版语法

Vue.js 的模板语法是一种声明式编程的方式，它允许开发者使用HTML-like的结构，并结合数据绑定和组件化来构建用户界面。以下是Vue模板的一些核心特性：

1. **数据绑定**：通过`{{ expression }}`，你可以将变量或计算结果直接插入到HTML元素的内容中，当数据变化时，页面会自动更新。

2. **指令（Directives）**：如`v-if`用于条件渲染，`v-for`用于循环遍历数组，还有`v-bind`（简写为`:`)用于属性绑定等，都是Vue提供的重要指令。

3. **组件（Components）**：Vue鼓励模块化的开发，通过`<component>`标签可以创建、复用并管理自定义组件。`<template>`标签用于定义组件的视图层次结构。

4. **表达式和过滤器（Filters）**：使用`{{ expression | filter }}`可以在显示数据之前应用一些转换，比如日期格式化或货币单位转换。

5. **事件处理**：使用`@event`或`.on('event', handler)`来监听DOM事件，以及`v-on`指令对事件进行预处理器绑定。

6. **父子组件通信**：通过props（属性）从父组件向子组件传递数据，使用$emit触发自定义事件从子组件回传给父组件。

<!-- 示例 -->
<div v-if="showMessage">Hello, {{ user.name }}</div>
<button @click="count++">点击计数</button>
<child-component :message="parentMessage"></child-component>