首頁 > web前端 > Vue.js > vue3組件化開發常用API知識點有哪些

vue3組件化開發常用API知識點有哪些

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2023-05-16 22:55:26
轉載
1145 人瀏覽過

    元件化想法

    為什麼要使用元件化開發?

    目前前端比較流行的 Vue React 等框架,都會透過編寫元件來完成業務需求,也就是元件化開發。包括小程式開發也會用到元件化開發的想法。

    分析元件化思想開發應用程式:

    • 將一個完整頁面拆分成很多個小元件

    • 每個元件用來完成頁面的一個功能模組

    • 每一個元件還可以細分(父子元件)

    • 通用的元件可以復用到不同的頁面

    一個Vue 的頁面,應該像是棵嵌套的元件樹的形式來組織:

    vue3組件化開發常用API知識點有哪些

    vue3 入口檔案:

    import { createApp } from 'vue';
    import App from './App.vue';
    
    createApp(App).mount('#app');
    登入後複製

    createApp()函數傳入了一個AppApp 就是一個元件,是專案的根元件。

    下面將分析 Vue3 中元件化開發的常用方法。

    元件通訊

    $props

    • #$props 用於傳遞資料

    ##

    <p> $props: {{$props}} </p>
    登入後複製

    最新問題
    laravel 新增Api 命名空間
    來自於 1970-01-01 08:00:00
    0
    0
    0
    Laravel api手冊有什麼作用?
    來自於 1970-01-01 08:00:00
    0
    0
    0
    怎麼弄那個百度地圖的api
    來自於 1970-01-01 08:00:00
    0
    0
    0
    laravel dingo/api 安裝與配置
    來自於 1970-01-01 08:00:00
    0
    0
    0
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板