大二寒假学习5（ Vue模板语法之普通文本插件）

前提

Vue使用一种基于HTML的模板语法，使我们能够声明式的将其组件的数据绑定到呈现的DOM上，所有的Vue模板都是语法层面合法的HTML，可以被符合规划的浏览器的HTML解析器解析。

文本插件

最基本的数据绑定形式是文本插件，它使用的是"Mustache"语法（即双大括号），按照下面的步骤先把页面先弄的干净一点。

1.src里面的assets里面放的是一些公共css啊，图片啊，可以把里面的删掉

2.把components里面的东西删光，然后把App.vue里面的删除到下面的程度，只保留script和template

3.把main.js里面的 import './assets/main.css' 删掉

4.然后我们的项目就是一个干干净净的样子了 开始写基本数据！在App.vue里面写

模板语法

下面是我跟着教程写的（别忘记保存），页面显示的结果是 模板语法 神奇的语法 hello world!

<template>
   <h3>模板语法</h3>
   <p>{{ msg }}</p>
   <p>{{ hello }}</p>
</template>



<script >
export default{
  data(){
    return{
      msg:"神奇的语法"，
      hello:"hello world!"
    }
  }
}
</script>