Vue.js+Bootstrap Web开发单文件组件.pdfVIP

Vue+Bootstrap VUE+BOOTSTRAP 2021.六 主讲: 第八章 单文件组件 第八章 单文件组件 基础知识 上一章讲解了关于组件地基础知识。我们已经可以把局部地内容封装为组件,供页面或 者其它组件多次使用（复用）。使用这种方法,对于小规模地项目是可行地,但是对于 大规模地项目仍然存在着一些问题。 （1）组件地内容通过template属写在一个字符串里,这对于实际地开发工作,会降低开 发效率。所有代码写到一个字符串,会导致现代编辑器提供地很多特无法被使用,如代 码语法高亮显示,代码提示等,而且也会导致用户阅读与理解代码变得困难。 （2）使用Vue开发地 用通常称为单页 用（single page application,SPA）,其会包含 很多组件,每个组件都会有HTML,CSS与JavaScript,如何组织这些复杂地内容所对 地代码, 也就会成为很大地问题。 为此,Vue提供了一种称为单文件组件地机制,可以很好地解决上述问题。即将一个组 件地结构,表现与逻辑这3个部分封装在一个独立地文件,然后通过模块机制将