写在上一篇文章中，主要介绍了在使用不完整版vue.js作为项目时，*.vue文件的语法标准以及各部分的含义。1.template标签中包含的内容就是页面要渲染的内容。它是XML语法格式，而不是HTML语法格式。XML和HTML语法基本相似，但是XML比HTML更加严格，比如在关闭标签方面，XML严格要求单标签必须关闭，比如，但是在HTML中，单标签是可以关闭的或不，并且最新和推荐的语法未关闭。还有，在XML中，当标签中的内容为空时，可以直接关闭，比如
，而在HTML中则没有这样的语法。由于XML更加严格，为了更好的编写*.vue文件的编译器，Vue规定template模板标签中的内容必须使用XML语法。2.这个标签里面的语法是：3.存放的是css代码，或者scss代码，用于上面的4..vue文件使用importXxxfrom'./xxx.vue'//XxxisanoptionsobjectnewVue({render:h=>h(Xxx)}).$mount('#app')5.HTML模板-模板语法这里的HTML模板是指符合HTML语法的字符串，在Vue中称为模板模板1.显示表达式将相应的表达式直接插入到HTML模板中。简单理解就是在Insertvariables,expressionsandotherdataintoHTMLtemplateTextinterpolation文本插值就是在HTML标签的内容中插入表达式，用{{}}包裹变量，编译成变量{{object.a}}{{n+1}}//n是构造选项options中data的data属性{{fn()}}//fn是构造选项methods中的函数{{null/undefined}}//如果表达式的值被计算为null或undefined，则不会显示在页面上。text指令是添加vue指令将表达式写入标签。