您的当前位置:首页正文

内联模板

来源:华拓网

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

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

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


图像 1.png

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

所以:

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

 
{template: '<h3>常规组件</h3>' 
})