<thead id="rrjt3"></thead>
      <progress id="rrjt3"><dfn id="rrjt3"></dfn></progress>

      <em id="rrjt3"></em>

        <address id="rrjt3"><ins id="rrjt3"><dfn id="rrjt3"></dfn></ins></address>
          <i id="rrjt3"></i>

        vue組件定義、組件的切換及渲染

        時間:2021-08-25 11:05:03 類型:vue
        字號:    

          vue中全局的概念是什么?

          就是全局定義的功能,所有實例化的vm都可以使用,  全局定義的是掛在構造函數Vue上面的,所以實例化出的對象都可以使用這個功能

          1、什么是組件?

                       UI的角度把頁面拆分成不同的部分,組件的優勢:可復用,能夠拆分vue實例代碼,保證代碼的可讀性

          2、組件化和模塊化的不同

          模塊化: 是從代碼邏輯的角度進行劃分的(比如node的模塊化, 保證每個模塊(js代碼)職能單一

          組件化:  從UI界面的角度進行拆分

        1.png2.png

        私有組件的定義

          使用的是components來定義私有組件

        3.png4.png

        4、組件中的data

        5.png6.png

        5、組件的切換

        7.png8.png

        6、用render函數渲染組件

             9.png

        黄网站免费 <