您现在的位置是:主页 > 网站制作 > Vue >

Vue组件相关问题

刘清2021-02-15 22:33个人博客人已围观

简介组件注册使用 组件注册注意事项 1、组件参数的data值必须是函数 2、组件模板必须是单个跟元素 3、组件模板的内容可以是模板字符串 template: ` div button @click=handle点击了{{count}}次/butto

组件注册使用




组件注册注意事项
      1、组件参数的data值必须是函数
      2、组件模板必须是单个跟元素
      3、组件模板的内容可以是模板字符串

   template: `
        <div>
          <button @click="handle">点击了{{count}}次</button>
          <button>测试123</button>
        </div>
      `
组件名用 短横线 与 驼峰命名


局部组件注册




组件间数据交互


父组件向子组件传值
 

       父组件绑定上传递的信息



  props属性值类型

带 :绑定的数字是 number类型,不带就是 string类型
带:绑定的true是布尔类型,不带就是string类型
数组传递 <li :key='index' v-for='(item,index) in parr'> {{item}}  </li>



    子组件向父组件传值





             v-on:click="$emit('自定义事件',参数)"
             v-on:自定义事件='hanle($event)'


   非父子组件间传值
      

Tags:

很赞额!(74)

上一篇:webpack

下一篇:VueRouter路由使用

文章评论

站点信息

  • 建站时间:2018-12-1
  • 网站程序:织梦cms
  • 主题模板《今夕何夕》
  • 文章统计:299条
  • 文章评论:490条
  • 统计数据百度统计