什么是内联模板?对于一个初学者来说,官方不知所云的解释让人读完之后一脸茫然:
如果子组件有 inline-template 特性,组件将把它的内容当作它的模板,而不是把它当作分发内容。这让模板编写起来更灵活。
哦,带有inline-template就是内联模板,那它到底是怎么回事,又是怎么用的呢?
看上图,1处定义了'child-component'组件,但是未指定模板;2处直接使用<child-component>标签,同时加上了inline-template属性。
所以:
inline-template的意思就是将html中的定义引入到vue中,作为其template使用。而不是像以前直接写成:
Vue.component('child-component',
{template: '<h3>常规组件</h3>'
})