【Vue教程】02：修仙前的概述：初识VUE

和他人的相遇都是从陌生人开始，相遇便产生了认知，有了认知如果你感兴趣就会去深一步的了解他。
对于一门技术而言也是一样的，当你接触到了Vue.js，有了一些认知，有了兴趣，就会想去学习它，对于Vue.js而言，你要学习它，首先你得知道他是否适合现在的你，然后你得知道他的语法模版，还要知道它有哪些开发方式。

本章主要内容：

一、学习vue之前应该有什么基础

二、vue的模版语法

三、单文件引入vue.js与vue-cli搭建vue项目

在VUE官方文档中有这么一段话。

官方指南假设你已有 HTML、CSS 和 JavaScript 中级前端知识。如果你刚开始学习前端开发，将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来！

关于VUE的学习首先是要有合格的HTML/CSS/javascript基础。然后到官网去看官网文档，了解到VUE中有些什么，他们能做些什么，也可以深入学习了解他们为什么要这么做，他们是怎样实现的。

当你对VUE有了一定的认知，但是在学习的过程中又有很多不清楚的地方，这个时候就可以来结合别人的教程进行学习。

后续内容将会以读者已经对官网文档进行过学习为基准进行讲解，不需要你已经学会官网文档中的东西，你只需要去系统的看一遍，知道VUE是什么，有些什么。系列教程中并不会和官网文档一样对于VUE的功能进行挨个讲解，所以需要大家对某些东西自己去了解。

学习任何框架都需要遵循他的语法，现在我们就来谈谈关于vue的语法。

【Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。
Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。
结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。】

这段话是官网对于vue语法的介绍，简单来说，就是vue的语法都是写在在html代码上的，依靠他提供的语法，就可以实现对dom的渲染，如果你的内容发生了改变也会自动渲染新的内容。

文本插值：这个就相当于将你在js中定义的变量写到html中，用{
  {}}两对大括号将你的变量名包住，然后渲染的时候他就会自动将变量所对应的常量渲染到html中。如：

<div id="app">
    <div>{
  { message }}</div>
</div>
<script>
new Vue({
  el: '#app',
  data: {
    message: '初识VUE'
  }
})
</script>

输出代码：v-html，这个与原生的innerHTML插入功能类似，v-html=“HTMLCo