props 条件验证

最新推荐文章于 2023-03-02 17:02:57 发布

Debug_info

最新推荐文章于 2023-03-02 17:02:57 发布

阅读量508

点赞数 1

分类专栏：前端文章标签： JavaScript

本文链接：https://blog.csdn.net/bxqmz/article/details/100924383

版权

前端专栏收录该内容

27 篇文章 0 订阅

订阅专栏

在Vue中父组件向子组件中传送数据是通过props实现的，一个简单的使用props的例子：

 <!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <title>Vue Study</title>
  </head>
  <body>  
     <div id="app">
         <foo-component :foo-message="fooMessage"></foo-component>  
     </div>
  
 <script type="text/javascript" src="lib/vue.js"></script>
 <script type="text/javascript">
  
     var fooComponent = {
         props: ['fooMessage'],
         template: '<div> {{ fooMessage }} </div>'
     };
  
     var vm = new Vue({
         components: {
             'foo-component': fooComponent
         },
        el: '#app',
        data: {
             fooMessage: 123
         }
     });
 
</script>
 </body>
 </html>