Vue.js——v-指令详解，component组件

其实，2016年至今，Vue发展逐渐占据主体，其“vue”为法语名，实则中文名为“view”，它主要是基于“MVVM”进行设计并开发的。

M——Model        模型，用于数据保存

V——View         视图，用于用户界面设置

VM——ViewModel   视图模型，用于实现双向绑定

     即view的变化，自动反映在了viewModel上边，反之亦然。

1、文本

（1）数据插值{ { message }}

<div id="app">
    <p>{
  { message }}</p>
</div>

（2）html  v-html用于输出html代码

<div id="app">
    <div v-html="message"></div>
</div>
    
<script>
new Vue({
  el: '#app',			//el用于绑定某一数据，即id为“app”的元素
  data: {
    message: '<h1>菜鸟教程</h1>'
  }
})
</script>

注意，若设置html属性中的值应使用v-bind指令。