vue-java-tutorials/vue2-tutorials/import-script/1-模板语法.md

Vue2 模板语法详解

在 Vue2 中，使用双大括号 {{}} 的语法称为插值语法（Mustache 语法），它用于在模板中显示数据。

基本用法

<h3>你好：{{name}}</h3>

实现原理

当 Vue 实例创建时，会将 data 对象中的属性转换为 getter/setter，使其成为响应式数据。当数据变化时，视图会自动更新。

new Vue({
    el: "#app",
    data: {
        name: "Bunny",  // 响应式数据
        url: "https://v2.cn.vuejs.org/"
    }
})