zoukankan      html  css  js  c++  java
  • vue组件定义、组件的切换、组件的通信、渲染组件的几种方式(标签、路由、render)

    vue中全局的概念是什么?---就是全局定义的功能,所有实例化的vm都可以使用,  全局定义的是挂在构造函数Vue上面的,所以实例化出的对象都可以使用这个功能

    1、什么是组件?---从UI的角度把页面拆分成不同的部分,组件的优势:可复用,能够拆分vue实例代码,保证代码的可读性

     

      模块化和前端组件化的区别:一个是从功能上拆分一个是从ui角度去拆分

    2、定义vue组件

      全局组件定义的3种方式

      

        

      私有组件的定义

        使用的是components来定义私有组件

         

     3、组件中的data

        

        

    4、组件的切换

       

        上面的v-if  和 v-else 切换有缺陷:只能切换2个,要是3个或以上,就切换不了了

        改造:如下

        

        

        组件切换的动画

        

     5、组件之前的传值问题

        

        

        正确用法:

        

        

        注意:props数组里的值都是从父组件里传递过来的,只能是小写,只读不可改

          

        父组件向子组件传递事件---注意传递的是方法不是方法的结果,所以不要小括号

        

    6、复习

      

     7、本地存储案例----评论列表的存和取

      

      

     8、$refs的使用---this.$refs.xxx   获取dom节点(获取的是dom对象,原生js对象)

      

         

     9、用render函数渲染组件

      

       

       

      

      

      

      

  • 相关阅读:
    第一次冲刺站立会议03
    第二次冲刺计划会议
    梦断代码阅读笔记02
    学习进度12
    个人项目——找水王
    学习进度11
    梦断代码阅读笔记01
    学习进度10
    学习进度09
    第一次冲刺个人博客10
  • 原文地址:https://www.cnblogs.com/yangyutian/p/11048145.html
Copyright © 2011-2022 走看看