欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue學(xué)習(xí)筆記分享之Vue組件化編程

 更新時(shí)間：2023年03月27日 16:59:00   作者：小薩摩！  
這篇文章主要介紹了Vue學(xué)習(xí)筆記分享之Vue組件化編程,文中把知識(shí)點(diǎn)都一一羅列出來了,方便整理學(xué)習(xí),需要的朋友可以參考下

2.1 模塊與組件、模塊化與組件化

2.1.1.模塊

理解：向外提供特定功能的js程序，一般就是一個(gè)js文件
為什么：js文件很多很復(fù)雜
作用：復(fù)用js，簡(jiǎn)化js的編寫，提高js運(yùn)行效率

2.1.2.組件

理解：用來實(shí)現(xiàn)局部（特定）功能效果的代碼集合（html/css/image…）
為什么：一個(gè)界面的功能很復(fù)雜
作用：復(fù)用編碼，簡(jiǎn)化項(xiàng)目編碼，提高運(yùn)行效率

2.1.3.模塊化

當(dāng)應(yīng)用中的js都以模塊來編寫的，那這個(gè)應(yīng)用就是一個(gè)模塊化的應(yīng)用。

2.1.4.組件化

當(dāng)應(yīng)用中的功能都是多組件的方式來編寫的，那這個(gè)應(yīng)用就是一個(gè)組件化的應(yīng)用。

2.2.非單文件組件

模板編寫沒有提示
沒有構(gòu)建過程，無法將ES6轉(zhuǎn)換成ES5
不支持組件的CSS
真正開發(fā)中幾乎不用

2.3單文件組件

2.3.1.一個(gè).vue文件的組成（3個(gè)部分）

1、模板頁(yè)面

<template>
頁(yè)面模板
</template>

2、JS模塊對(duì)象

<script>
        export default {
            data() { return {} }, 
            methods: {}, 
            computed: {}, 
            components: {}
        }
    </script>

3、樣式

<style>
樣式定義
</style>

2.3.2.基本使用

  1. 引入組件
  2. 映射成標(biāo)簽
  3. 使用組件標(biāo)簽

 到此這篇關(guān)于Vue學(xué)習(xí)筆記分享之Vue組件化編程的文章就介紹到這了,更多相關(guān)Vue組件化編程內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論