...板過重且難以維護。例如，有一個嵌套數(shù)組對象： ```js Vue.createApp({ data() { return { author: { name: 'John Doe', books: [ 'Vue 2 - Advanced Guide', 'Vue 3 - Basic Guide', 'Vue 4 - The Mystery' ] } } } }) ``` 我們想根據(jù) `author` 是否已經(jīng)有一些書來顯示不同的消...
http://hgci.cn/vuejs3/vuejs3-a13b3f20.html...頁面假設(shè)你已經(jīng)閱讀過了[組件基礎(chǔ)](http://hgci.cn/vuejs3/vuejs3-pgsc3f26.html)。如果你還對組件不太了解，推薦你先閱讀它。 一個非 prop 的 attribute 是指傳向一個組件，但是該組件并沒有相應(yīng) [props](http://hgci.cn/vuejs3/vuejs3-d...
http://hgci.cn/vuejs3/vuejs3-d98j3f2a.html...versed message: "{{ reversedMessage }}"</p> </div>var vm = new Vue({ el: '#example', data: { message: 'Hello' }, computed: { // a computed getter reversedMessage: function () { // `this` points to the vm instance return this.message.split('').reverse().join('') } } }) 結(jié)果：Original m...
http://hgci.cn/vuejs2/computed.html...過在多個網(wǎng)頁上重復(fù)的內(nèi)容。 通常這個鏈接會放在 `App.vue` 的頂部，這樣它就會是所有頁面上的第一個可聚焦元素： ```html <ul class="skip-links"> <li> <a href="#main" ref="skipLink">跳到主內(nèi)容</a> </li> </ul> ``` 若想...
http://hgci.cn/vuejs3/vuejs3-arfe3f37.html在 Vue 3 中，改變?nèi)?Vue 行為的 API 現(xiàn)在被移動到了由新的 `createApp` 方法所創(chuàng)建的應(yīng)用實例上。此外，現(xiàn)在它們的影響僅限于該特定應(yīng)用實例： ```js import { createApp } from 'vue' const app = createApp({}) ``` 調(diào)用 `createApp` 返回一個應(yīng)用實...
http://hgci.cn/vuejs3/vuejs3-zfu33f45.html> 本節(jié)使用[單文件組件](http://hgci.cn/vuejs3/vuejs3-q37j3f2y.html)語法作為代碼示例 ## [#](#計算值)計算值 有時我們需要依賴于其他狀態(tài)的狀態(tài)——在 Vue 中，這是用組件[計算屬性](http://hgci.cn/vuejs3/vuejs3-a13b3f20.html)處理...
http://hgci.cn/vuejs3/vuejs3-35qs3f4h.html...煩且易錯。因此，在將 `v-bind` 用于 `class` 和 `style` 時，Vue.js 做了專門的增強。表達式結(jié)果的類型除了字符串之外，還可以是對象或數(shù)組。 ## [#](#綁定-html-class)綁定 HTML Class ### [#](#對象語法)對象語法 我們可以傳給 `:class` (`v-bind:c...
http://hgci.cn/vuejs3/vuejs3-ulc43f21.html... 測試 本章節(jié)致力于引導(dǎo)大家了解測試的生態(tài)系統(tǒng)的并為 Vue 應(yīng)用或組件庫選擇適合的工具。 ## [#](#單元測試)單元測試 ### [#](#介紹-2)介紹 單元測試允許你將獨立單元的代碼進行隔離測試，其目的是為開發(fā)者提供對代碼的信心。...
http://hgci.cn/vuejs3/vuejs3-b2dn3f2z.html...例掛載的整個組件樹共享同一個上下文。 ```js const app = Vue.createApp({}) ``` 你可以在 `createApp` 之后鏈式調(diào)用其它方法，這些方法可以在[應(yīng)用 API](http://hgci.cn/vuejs3/vuejs3-zfu33f45.html) 中找到。 ### [#](#參數(shù))參數(shù) 該函數(shù)接收一個...
http://hgci.cn/vuejs3/vuejs3-1o463f5f.html...in items"> {{ item.message }} </li> </ul>var example1 = new Vue({ el: '#example-1', data: { items: [ { message: 'Foo' }, { message: 'Bar' } ] } }) 結(jié)果： {% raw %} <ul id="example-1" class="demo"> <li v-for="item in items"> {{item.message}} </...
http://hgci.cn/vuejs/i5qt1jsa.html抱歉，暫時沒有相關(guān)的微課
w3cschool 建議您：
抱歉，暫時沒有相關(guān)的視頻課程
w3cschool 建議您：
抱歉，暫時沒有相關(guān)的教程
w3cschool 建議您：
...板過重且難以維護。例如，有一個嵌套數(shù)組對象： ```js Vue.createApp({ data() { return { author: { name: 'John Doe', books: [ 'Vue 2 - Advanced Guide', 'Vue 3 - Basic Guide', 'Vue 4 - The Mystery' ] } } } }) ``` 我們想根據(jù) `author` 是否已經(jīng)有一些書來顯示不同的消...
http://hgci.cn/vuejs3/vuejs3-a13b3f20.html...頁面假設(shè)你已經(jīng)閱讀過了[組件基礎(chǔ)](http://hgci.cn/vuejs3/vuejs3-pgsc3f26.html)。如果你還對組件不太了解，推薦你先閱讀它。 一個非 prop 的 attribute 是指傳向一個組件，但是該組件并沒有相應(yīng) [props](http://hgci.cn/vuejs3/vuejs3-d...
http://hgci.cn/vuejs3/vuejs3-d98j3f2a.html...versed message: "{{ reversedMessage }}"</p> </div>var vm = new Vue({ el: '#example', data: { message: 'Hello' }, computed: { // a computed getter reversedMessage: function () { // `this` points to the vm instance return this.message.split('').reverse().join('') } } }) 結(jié)果：Original m...
http://hgci.cn/vuejs2/computed.html...過在多個網(wǎng)頁上重復(fù)的內(nèi)容。 通常這個鏈接會放在 `App.vue` 的頂部，這樣它就會是所有頁面上的第一個可聚焦元素： ```html <ul class="skip-links"> <li> <a href="#main" ref="skipLink">跳到主內(nèi)容</a> </li> </ul> ``` 若想...
http://hgci.cn/vuejs3/vuejs3-arfe3f37.html在 Vue 3 中，改變?nèi)?Vue 行為的 API 現(xiàn)在被移動到了由新的 `createApp` 方法所創(chuàng)建的應(yīng)用實例上。此外，現(xiàn)在它們的影響僅限于該特定應(yīng)用實例： ```js import { createApp } from 'vue' const app = createApp({}) ``` 調(diào)用 `createApp` 返回一個應(yīng)用實...
http://hgci.cn/vuejs3/vuejs3-zfu33f45.html> 本節(jié)使用[單文件組件](http://hgci.cn/vuejs3/vuejs3-q37j3f2y.html)語法作為代碼示例 ## [#](#計算值)計算值 有時我們需要依賴于其他狀態(tài)的狀態(tài)——在 Vue 中，這是用組件[計算屬性](http://hgci.cn/vuejs3/vuejs3-a13b3f20.html)處理...
http://hgci.cn/vuejs3/vuejs3-35qs3f4h.html...煩且易錯。因此，在將 `v-bind` 用于 `class` 和 `style` 時，Vue.js 做了專門的增強。表達式結(jié)果的類型除了字符串之外，還可以是對象或數(shù)組。 ## [#](#綁定-html-class)綁定 HTML Class ### [#](#對象語法)對象語法 我們可以傳給 `:class` (`v-bind:c...
http://hgci.cn/vuejs3/vuejs3-ulc43f21.html... 測試 本章節(jié)致力于引導(dǎo)大家了解測試的生態(tài)系統(tǒng)的并為 Vue 應(yīng)用或組件庫選擇適合的工具。 ## [#](#單元測試)單元測試 ### [#](#介紹-2)介紹 單元測試允許你將獨立單元的代碼進行隔離測試，其目的是為開發(fā)者提供對代碼的信心。...
http://hgci.cn/vuejs3/vuejs3-b2dn3f2z.html...例掛載的整個組件樹共享同一個上下文。 ```js const app = Vue.createApp({}) ``` 你可以在 `createApp` 之后鏈式調(diào)用其它方法，這些方法可以在[應(yīng)用 API](http://hgci.cn/vuejs3/vuejs3-zfu33f45.html) 中找到。 ### [#](#參數(shù))參數(shù) 該函數(shù)接收一個...
http://hgci.cn/vuejs3/vuejs3-1o463f5f.html...in items"> {{ item.message }} </li> </ul>var example1 = new Vue({ el: '#example-1', data: { items: [ { message: 'Foo' }, { message: 'Bar' } ] } }) 結(jié)果： {% raw %} <ul id="example-1" class="demo"> <li v-for="item in items"> {{item.message}} </...
http://hgci.cn/vuejs/i5qt1jsa.html抱歉，暫時沒有相關(guān)的文章
w3cschool 建議您：
免費AI編程助手
