模板语法
对于之前我们简单的说了说教程的计划，和开发中会使用的IDE编辑器。接下来我们来说说Vue.js的相关语法定义。
这里简单地说说语法这个知识点，不管是任何的语言都会有一套语法结构，能够让开发者使用起来很方便，而且各个语言之间差异都不大。而Vue.js则是基于HTML的模板语法进行实现的。而一套成熟可用的语法结构，一般都分为：关键字，基础数据类型，条件判断，循环结构，函数，事件等基础功能，而在前端的体系里，又多了对于表单相关的语法定义。而在最近这几年组件的兴起，功能组件化也越来被越多的人拍手叫好。对于组件的使用是贯穿整个Vue.js的开发周期，所以学习一门新的语言和知识，最主要的一开始，要学习的就是这些基础点，然后在这个基础之上，才是你发挥的场地。
MustacheVue.js是基于Mustache的，而Mustache是一款logic-less的前端模板引擎。最主要使用它的原因是规范和经典（大家都在用）。最基本的就是定义一个变量{{}}双花括号的定义方式。然后在实际的HTML定义中Vue.js又实现了一系列的指令，就是响应标签的属性中的自定义属性。以v-*来定义。这个就是后端学习中模板语法的基础关键字。死记硬背也要记牢的。当然以人类的记忆遗忘曲线，你天天用它也就记住了它。一开始就差文档就好了，收藏我这个文章，后续可以当文档用哦！
语法部分思维导图准备开始这里先说怎么简单使用，后续将针对每一个标签都书写一篇教程，尽量能涵盖所有的知识点。
这里使用方式用两种进行讲解。一个是普通的引用方式进行，另外一个是单体应用。讲解的话直接引用更能说明基础的语法关系。
所有编程语言第一个案例都是helloworld程序。这里也不例外。
打开我们的开发工具，这里下用VSCode开开胃。
创建应用创建一个hello.html文件，并编写如下代码。
按下F5,或者点击菜单运行-调试选择Chrome，如果没有，就先下载吧。后续基本以它为主了。
启动调试之后，我们可以看到浏览器的效果。
就这样我们就完成了Vue.js的使用。学习起来十分简单，只要有HTML和JavaScript的一点基础知识，就可以很顺手的使用。代码很简单，我们过一下这个流程。
首先第一步，引入框架你要使用一个框架，不管是什么类型的语言，都会有对应的引用方式，比方说Java的jar,正确的引入了才能使用它，否则只会给你说你在干什么？
而HTML应引入一个JavaScript的框架，所以就需要script标签进行引入使用。
scriptsrc="