美文网首页
内联模板

内联模板

作者: 九丘建木 | 来源:发表于2018-01-11 15:31 被阅读51次

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

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

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


图像 1.png

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

所以:

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

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

相关文章

  • 内联模板

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

  • 《C++ Primer Plus》:函数探幽

    本章内容概览 内联函数 引用变量 按引用传递函数参数 默认参数 函数重载 函数模板 内联函数 内联函数是C++为提...

  • Vue模板定义

    Vue模板定义 template定义 内联定义 X-Templates(script定义)

  • 在Vue.js中定义组件模板的七种方式

    vue 至少有7种定义组件模板的方法: 字符串 模板字面量 X-Templates 内联模板 渲染方法(Rende...

  • Effective c++学习笔记(item30)

    内联函数的好处和坏处 内联函数的缺点会使得代码量激增 好处是,提高代码效率 使用时要注意一般内联函数和模板函数都需...

  • 教程二——数据

    1.使用插值表达式显示组件属性 hello {{ name }} 2.内联(inline)模板还是模板文件? te...

  • vue 模板定义的替代品

    内联模板 当子组件中出现 inliner-template 这个属性的时候这个组件将会使用里面的内容作为模板,而不...

  • Vue学习之内联模板

    Vue学习之内联模板 在vue框架中,模板的位置有两种,一种是在组件内部定义,一种是在组件外部定义。我们首先来看内...

  • 静态链接(五)

    C++相关 重复代码消除 可能产生重复代码的位置:模板外部内联函数虚函数表 对应的方法: 全部保留 每个模板的实例...

  • Angular 8 组件

    创建一个组件 独立模板 内联模板 显示值 插值法 绑定值 从数据流向划分为 3 种: 数据源 -> Templat...

网友评论

      本文标题:内联模板

      本文链接:https://www.haomeiwen.com/subject/yjxtoxtx.html