IT问答中心

Web前端基础知识

Vue props用法 Vue props怎么用，具体代码示例

发布： Web前端培训发布时间：2021-07-19 15:55:34

推荐答案

品牌型号：联想 YOGA 14c/系统版本：windows7

也就是props是子组件访问父组件数据的唯一接口。父组件的数据需要通过prop才能下发到子组件中。不能在子组件的模板内直接引用父组件的数据。

基本用法

<div id="app1">



    <child :hello='hello'>child>

  div>

  <script>

    var com1 = Vue.component('child',{

      // 声明在prop中的变量可以引用父元素的数据

      props:['hello'],

      // 这里渲染props中声明的那个hello

      template:'<div><p>{{ hello }}p>div>',

    })



    var app1 = new Vue ({

      el: '#app1',

      data: {

        greet: {

          hello:'hello,',

          world: 'world',

        },

        message: 'message1',

      }

    })

  script>

其它答案

牛仔很忙2020-06-22 18:56:36

Vue props用法详解

组件接受的选项之一 props 是 Vue 中非常重要的一个选项。父子组件的关系可以总结为：

props down, events up

父组件通过 props 向下传递数据给子组件;子组件通过 events 给父组件发送消息。

上一篇：ip地址怎么查询

下一篇：本机ip地址在哪里查看

中公旗下IT培训品牌

中公教育品牌

　中公教育是一家中国领先的全品类职业教育机构，提供超过100个品类的综合职业就业培训服务。公司在全国超过1000个直营网点展开经营，深度覆盖300多个地级市，并正在快速向数千个县城和高校扩张。
完善就业体系

通过阶段性授课机制，和每阶段的定期考核，先让学员能够学会所学内容，才能找打合适工作。最后一个阶段为就业课程，从技术和面试两个方面加深就业能力，并且还有不定期的双选会供大家选择。
全程面授+实战技术

线下课程全程是师资面对面教学，不会存在上课只对着大屏幕上课的情况，有问题都可以在课上得到解答。并且优就业通过自主研发大纲和学习路线，并且定期更新课程所学技术，让大家所学技术不落伍。

中公优就业专业职业规划老师

为您详细答疑解惑，更能领取免费课程

点击立即咨询

IT培训

关注我们

热门课程更多 >

关注我们

中公教育 IT 培训品牌

专注于职业教育的A股上市公司

证券代码：002607

首页

师资团队

教学服务

教学环境

选课中心

学习路线

IT问答中心

推荐答案

其它答案

中公旗下IT培训品牌

中公教育品牌

完善就业体系

全程面授+实战技术

中公优就业专业职业规划老师

相关问题

更多课程

优就业：ujiuye

IT培训

关注我们

热门课程 更多 >

关注我们

中 公 教 育 IT 培 训 品 牌 专注于职业教育的A股上市公司 证券代码：002607

首页

师资团队

教学服务

教学环境

选课中心

学习路线

IT问答中心

推荐答案

其它答案

中公旗下IT培训品牌

中公教育品牌

完善就业体系

全程面授+实战技术

中公优就业专业职业规划老师

相关问题

更多课程

优就业：ujiuye

热门课程更多 >

中公教育 IT 培训品牌

专注于职业教育的A股上市公司

证券代码：002607