Vue.js 2.0 基础：将数据源绑定到 HTML（第四章）

Mustache 语法

Mustache语法是什么？别被这个听起来很高大上的术语吓到了！其实也就是使用双大括号的形式来实现数据绑定。之前我们已经演示过如何在视图中显示我们的数据，在那之后你就可以轻松地在视图中展示数据并实现自动更新的功能了。有了它之后，在视图中展示数据并实现自动更新就变得非常简单了！

  <div id="app">{{ name }}</div>

    
  <script>
    
  let app = new Vue({
    
     el:"#app",
    
     data:{
    
      name:"前端君"
    
     }
    
  });
    
  </script>

十分简单，页面视图上也成功显示我们的data中的name的值：“前端君”。

绑定纯html

有时候有一种这样的需求，我们的数据包含了一些html的标签代码，比如：

    name:"<strong>前端君</strong>"

    **< strong>**