Vue 2.x 有許多全局 API 和配置,這些 API 和配置可以全局改變 Vue 的行為。例如,要?jiǎng)?chuàng)建全局組件,可以使用 `Vue.component` 這樣的 API: ```js Vue.component('button-counter', { data: () => ({ count: 0 }), template: '<button @click="count++">Clicked {{ co...
http://o2fo.com/vuejs3/vuejs3-p8zv3f3n.html只要你只在 `setup` 函數(shù)、`getter` 和 `action` 的頂部調(diào)用你定義的 `useStore()` 函數(shù),那么使用 Pinia 創(chuàng)建 store 對(duì)于 SSR 來(lái)說(shuō)應(yīng)該是開(kāi)箱即用的: ``` <script setup> // 這是可行的, // 因?yàn)?pinia 知道在 `setup` 中運(yùn)行的是什么程序。 const ...
http://o2fo.com/pinia/pinia-server-rendering-vue-and-vite.html...狀態(tài),可以使用 `reactive` 方法: ```js import { reactive } from 'vue' // 響應(yīng)式狀態(tài) const state = reactive({ count: 0 }) ``` `reactive` 相當(dāng)于 Vue 2.x 中的 `Vue.observable()` API ,為避免與 RxJS 中的 observables 混淆因此對(duì)其重命名。該 API 返回一個(gè)響應(yīng)式...
http://o2fo.com/vuejs3/vuejs3-89hc3f4g.html...建服務(wù)器 renderer 時(shí),使用 [`directives`](http://o2fo.com/vuessr/5spm6s8e71.html#directives) 選項(xiàng)所提供"服務(wù)器端版本(server-side version)"。
http://o2fo.com/vuessr/yv1re09ohj.html插件Vue CLI 使用了一套基于插件的架構(gòu)。如果你查閱一個(gè)新創(chuàng)建項(xiàng)目的 package.json,就會(huì)發(fā)現(xiàn)依賴(lài)都是以 @vue/cli-plugin- 開(kāi)頭的。插件可以修改 webpack 的內(nèi)部配置,也可以向 vue-cli-service 注入命令。在項(xiàng)目創(chuàng)建的過(guò)程中,絕大部分列...
http://o2fo.com/vue3course/vue3course-gcsl363q.html...; 本節(jié)例子中代碼使用的[單文件組件](http://o2fo.com/vuejs3/vuejs3-q37j3f2y.html)語(yǔ)法 ## [#](#setup)`setup` 一個(gè)組件選項(xiàng),在創(chuàng)建組件**之前**執(zhí)行,一旦 `props` 被解析,并作為組合式 API 的入口點(diǎn) - **入?yún)ⅲ?* - `{Data} props` - `{SetupContext}...
http://o2fo.com/vuejs3/vuejs3-8esx3f4d.html...; 本節(jié)例子中代碼使用的[單文件組件](http://o2fo.com/vuejs3/vuejs3-q37j3f2y.html)語(yǔ)法 ## [#](#reactive)`reactive` 返回對(duì)象的響應(yīng)式副本 ```js const obj = reactive({ count: 0 }) ``` 響應(yīng)式轉(zhuǎn)換是“深層”的——它影響所有嵌套 property。在基于 [ES2...
http://o2fo.com/vuejs3/vuejs3-nbah3f4c.html::: tip 注意 本指南需要最低為如下版本的 Vue,以及以下 library 支持: - vue & vue-server-renderer 2.3.0+ - vue-router 2.5.0+ - vue-loader 12.0.0+ & vue-style-loader 3.0.0+ 如果先前已經(jīng)使用過(guò) Vue 2.2 的服務(wù)器端渲染 (SSR),你應(yīng)該注意到,推薦的代碼結(jié)...
http://o2fo.com/vuessr/p11fvfrqox.html...大部分的基礎(chǔ)內(nèi)容我們已經(jīng)講到了,現(xiàn)在講點(diǎn)底層內(nèi)容。Vue.js 最顯著的一個(gè)功能是響應(yīng)系統(tǒng) —— 模型只是普通對(duì)象,修改它則更新視圖。這讓狀態(tài)管理非常簡(jiǎn)單且直觀,不過(guò)理解它的原理也很重要,可以避免一些常見(jiàn)問(wèn)題。下...
http://o2fo.com/vuejs/srn31jso.html...頁(yè)面假設(shè)你已經(jīng)閱讀過(guò)了[組件基礎(chǔ)](http://o2fo.com/vuejs3/vuejs3-pgsc3f26.html)。如果你還對(duì)組件不太了解,推薦你先閱讀它。 ## [#](#組件名)組件名 在注冊(cè)一個(gè)組件的時(shí)候,我們始終需要給它一個(gè)名字。比如在全局注冊(cè)的時(shí)候我...
http://o2fo.com/vuejs3/vuejs3-ivx73f28.html抱歉,暫時(shí)沒(méi)有相關(guān)的微課
w3cschool 建議您:
抱歉,暫時(shí)沒(méi)有相關(guān)的視頻課程
w3cschool 建議您:
抱歉,暫時(shí)沒(méi)有相關(guān)的教程
w3cschool 建議您:
Vue 2.x 有許多全局 API 和配置,這些 API 和配置可以全局改變 Vue 的行為。例如,要?jiǎng)?chuàng)建全局組件,可以使用 `Vue.component` 這樣的 API: ```js Vue.component('button-counter', { data: () => ({ count: 0 }), template: '<button @click="count++">Clicked {{ co...
http://o2fo.com/vuejs3/vuejs3-p8zv3f3n.html只要你只在 `setup` 函數(shù)、`getter` 和 `action` 的頂部調(diào)用你定義的 `useStore()` 函數(shù),那么使用 Pinia 創(chuàng)建 store 對(duì)于 SSR 來(lái)說(shuō)應(yīng)該是開(kāi)箱即用的: ``` <script setup> // 這是可行的, // 因?yàn)?pinia 知道在 `setup` 中運(yùn)行的是什么程序。 const ...
http://o2fo.com/pinia/pinia-server-rendering-vue-and-vite.html...狀態(tài),可以使用 `reactive` 方法: ```js import { reactive } from 'vue' // 響應(yīng)式狀態(tài) const state = reactive({ count: 0 }) ``` `reactive` 相當(dāng)于 Vue 2.x 中的 `Vue.observable()` API ,為避免與 RxJS 中的 observables 混淆因此對(duì)其重命名。該 API 返回一個(gè)響應(yīng)式...
http://o2fo.com/vuejs3/vuejs3-89hc3f4g.html...建服務(wù)器 renderer 時(shí),使用 [`directives`](http://o2fo.com/vuessr/5spm6s8e71.html#directives) 選項(xiàng)所提供"服務(wù)器端版本(server-side version)"。
http://o2fo.com/vuessr/yv1re09ohj.html插件Vue CLI 使用了一套基于插件的架構(gòu)。如果你查閱一個(gè)新創(chuàng)建項(xiàng)目的 package.json,就會(huì)發(fā)現(xiàn)依賴(lài)都是以 @vue/cli-plugin- 開(kāi)頭的。插件可以修改 webpack 的內(nèi)部配置,也可以向 vue-cli-service 注入命令。在項(xiàng)目創(chuàng)建的過(guò)程中,絕大部分列...
http://o2fo.com/vue3course/vue3course-gcsl363q.html...; 本節(jié)例子中代碼使用的[單文件組件](http://o2fo.com/vuejs3/vuejs3-q37j3f2y.html)語(yǔ)法 ## [#](#setup)`setup` 一個(gè)組件選項(xiàng),在創(chuàng)建組件**之前**執(zhí)行,一旦 `props` 被解析,并作為組合式 API 的入口點(diǎn) - **入?yún)ⅲ?* - `{Data} props` - `{SetupContext}...
http://o2fo.com/vuejs3/vuejs3-8esx3f4d.html...; 本節(jié)例子中代碼使用的[單文件組件](http://o2fo.com/vuejs3/vuejs3-q37j3f2y.html)語(yǔ)法 ## [#](#reactive)`reactive` 返回對(duì)象的響應(yīng)式副本 ```js const obj = reactive({ count: 0 }) ``` 響應(yīng)式轉(zhuǎn)換是“深層”的——它影響所有嵌套 property。在基于 [ES2...
http://o2fo.com/vuejs3/vuejs3-nbah3f4c.html::: tip 注意 本指南需要最低為如下版本的 Vue,以及以下 library 支持: - vue & vue-server-renderer 2.3.0+ - vue-router 2.5.0+ - vue-loader 12.0.0+ & vue-style-loader 3.0.0+ 如果先前已經(jīng)使用過(guò) Vue 2.2 的服務(wù)器端渲染 (SSR),你應(yīng)該注意到,推薦的代碼結(jié)...
http://o2fo.com/vuessr/p11fvfrqox.html...大部分的基礎(chǔ)內(nèi)容我們已經(jīng)講到了,現(xiàn)在講點(diǎn)底層內(nèi)容。Vue.js 最顯著的一個(gè)功能是響應(yīng)系統(tǒng) —— 模型只是普通對(duì)象,修改它則更新視圖。這讓狀態(tài)管理非常簡(jiǎn)單且直觀,不過(guò)理解它的原理也很重要,可以避免一些常見(jiàn)問(wèn)題。下...
http://o2fo.com/vuejs/srn31jso.html...頁(yè)面假設(shè)你已經(jīng)閱讀過(guò)了[組件基礎(chǔ)](http://o2fo.com/vuejs3/vuejs3-pgsc3f26.html)。如果你還對(duì)組件不太了解,推薦你先閱讀它。 ## [#](#組件名)組件名 在注冊(cè)一個(gè)組件的時(shí)候,我們始終需要給它一個(gè)名字。比如在全局注冊(cè)的時(shí)候我...
http://o2fo.com/vuejs3/vuejs3-ivx73f28.html抱歉,暫時(shí)沒(méi)有相關(guān)的文章
w3cschool 建議您: