内联模板

什么是内联模板？对于一个初学者来说，官方不知所云的解释让人读完之后一脸茫然：

如果子组件有 inline-template 特性，组件将把它的内容当作它的模板，而不是把它当作分发内容。这让模板编写起来更灵活。

哦，带有inline-template就是内联模板，那它到底是怎么回事，又是怎么用的呢？

图像 1.png

看上图，1处定义了'child-component'组件，但是未指定模板；2处直接使用标签，同时加上了inline-template属性。

所以:

inline-template的意思就是将html中的定义引入到vue中，作为其template使用。而不是像以前直接写成：

Vue.component('child-component', 
{template: '
常规组件
' 
})