Vue 梳理 -- 常用属性demo集合

本文尽可能将vue开发中常用的特性整理出来,便于个人理解记忆

一、实例和组件常用方法:




    
    Vue Directive
    


    

{{speed}}m/s= {{kmSpeed}}km/h

child receiver: {{emitMsg}}

common-component


slot-component

see usage of slot

SLOT用法

slot,意为插槽,即在子组件中写插槽,父组件中编写对应的元素节点,使其在子组件中使用

某乎上一个回答(忘了是谁,欢迎补充)对slot理解特别有帮助:

数据通过props传递给子组件,dom节点通过slot传递给子组件

slot适用于如表格等需要在父组件处理数据而仅在子组件中展示的页面结构




    
    Slot
    


    

-----slot-----

姓名: {{i.name}} 性别: {{i.age === 'f' ? '女' : '男' }}

{{i.remark}}

你可能感兴趣的:(Vue 梳理 -- 常用属性demo集合)