script setup 實驗性 vue 語法

2021-10-10 17:09:08 字數 1459 閱讀 2449

這是乙個簡單的計數器例子，模板中使用 count 變數，inc 函式。

>


@click


="inc"


>


}button


>


template


>
如果模板上要使用的些變數，必須要在 setup 返回的物件中定義。

>


import


from


'vue'


export


default},


}script


>
暴露變數必須 return 出來，這樣還是比較繁瑣，有沒有更簡單的辦法，於是 script setup 語法出現。使用這個語法只需要在 script 標籤上加上 setup 屬性。



import


from


'vue'


export


const count =


ref(0)


export


const


inc=()


=> count.value++


<


/script>
當標籤具有 setup 屬性時，元件在編譯的過程中**執行的上下是 setup() 函式中。所有es模組匯出都被認為是暴露給上下文的值，幷包含在 setup() 返回物件中。

語法變得越來越簡單，比如有外部元件匯入到模板中使用時，只要幾行**就搞定了。

>


/>


/>


:is=


"ok ? foo : bar"


/>


template


>
script setup 語法

setup


="props"


>


export


from


'./foo.vue'


export


from


'./bar.vue'


export


const ok = math.


random()


console.


log(props)


script


>
vue3 語法

>


import foo from


'./foo.vue'


import bar from


'./bar.vue'


export


default}}


script


>
其實 script setup 就相當於在編譯執行是把**放到了 setup 函式中執行，然後把匯出的變數定義到上下文中，幷包含在返回的物件中。

Opera推出實驗性概念瀏覽器Neon

中國投資聯盟去年收購的挪威瀏覽器製造商opera推出了一款名為opera neon的實驗性瀏覽器。neon旨在探索瀏覽器設計的替代品。opera的高階工程副總裁krystian kolondra將neon描述為 概念瀏覽器 設想網路瀏覽器未來的實驗性瀏覽器，類似於使用概念車 汽車的未來。但是這款瀏覽...

Opera推出實驗性概念瀏覽器Neon

中國投資聯盟去年收購的挪威瀏覽器製造商opera推出了一款名為opera neon的實驗性瀏覽器。neon旨在探索瀏覽器設計的替代品。opera的高階工程副總裁krystian kolondra將neon描述為 概念瀏覽器 設想網路瀏覽器未來的實驗性瀏覽器，類似於使用概念車 汽車的未來。但是這款瀏覽...

Linux下http連線被重置的實驗性解決辦法

首先讓我為大家介紹一下這個問題的背景知識。典型tcp資料報有乙個最大視窗大小為64kb的視窗域。這在網際網路發展初期，大部分系統都沒有能力處理比這更大的資料，因此這個大小是足夠的，但是對於現在的接入頻寬應用來說，這已經太小了。為了解決這個問題，1992年提出了一種稱為視窗縮放的解決方案，它提供了乙個...