vue常用的几个操作

素颜马尾好姑娘i 2022-09-08 00:07 284阅读 0赞

组件的创建和应用

1.在components目录下新建组件
2.在需要用的组件上引入并挂载
3.使用标签

  1. <template>    //1.创建
  2.     <view>
  3.         <view>我是一个子组件</view>
  4.     </view>
  5. </template>
  7. <script>
  8.     export default { 
  9.         name: "son",
  10.         data() { 
  11.             return { 
  12.                 num : 3,
  13.             };
  14.         },
  15.     }
  16. </script>
  18. <style>
  20. </style>
  22. <template>
  23.     <view class="content">
  24.         <son></son>     //3.应用
  25.     </view>
  26. </template>
  28. <script>
  29.     import son from '../../components/son';   //2.引入
  30.     export default { 
  31.         data() { 
  32.             return { 
  33.                 title: '在变',
  34.             }
  35.         },
  36.         onLoad() { 
  37.         },
  38.         methods: { 
  40.         },
  41.         components : { 
  42.             tab,           //2.挂载
  43.             // list
  44.         },
  45.     }
  46. </script>
  48. <style>
  49.     .content { 
  50.         display: flex;
  51.         flex-direction: column;
  52.         align-items: center;
  53.         justify-content: center;
  54.     }
  57. </style>

组件之间的通讯

  1. 父传子
    使用props

  2. 子传父

发表评论

表情：
评论列表 （有 0 条评论，284人围观）

还没有评论，来说两句吧...

相关阅读

    相关 数组常用的几个方法

    这里新创建了一个专题，为自己之后的跳槽做准备，每天给自己一个小时的时间去看网上的一些面试题，并且将这些面试题的答案加上自己思考以及动手时间的内容整理成笔记，记录下来。 尤其

    不念不忘少年蓝@不念不忘少年蓝@/ 0 赞/ 293 阅读

    相关 Git 常用的几个功能

    > Git是目前世界上最先进的分布式版本控制系统，这里有两个名词：分布式、版本控制。 墙裂推荐 [廖雪峰的 Git 教程][Git]。这篇文章也算是看了 廖老师的教程后写的一

    以你之姓@以你之姓@/ 0 赞/ 393 阅读