本文共 536 字，大约阅读时间需要 1 分钟。

一,前言

前端写CSS样式有两种方式:类式样式和内联样式之前介绍的Vue组件模板都是封装在组件定义内部的template选项中Vue也提供了在父组件中(组件外部)定义组件模板的方式,这种模板称为内联模板这一篇就来介绍一些内联模板的使用

二,内联模板

在定义Vue组件时,我们可以将组件模板设置在组件的template选项中,Vue提供了一个内联模板功能,使组件模板可以设置在组件之外

   
    
        
            
     
            
      
内联模板
            
      
父组件数据: {
   { parentData }}
            
      
子组件数据: {
   { subData }}
        
     
    
    
   

通过添加inline-template 使用内联模板,可以在父组件作用域下设置子组件模板这时,在父组件作用域下的数据和子组件声明的数组都可以被渲染(如果同名,优先使用子组件数据)

注意:

内联模板也要放到一个外部标签中,否组无法使用内联模板的作用域比较难理解,一般不建议使用内联模板

三,结尾

Vue提供的组件内联模板功能就简单介绍完了,下一篇动态组件

转载地址：http://rcvfb.baihongyu.com/