Vue.js v3.0 教程（Vue3 教程）counter: 0 5. } 6. } 7. } 8. 9. Vue.createApp(Counter).mount('#counter') 我们已经成功创建了第一个 Vue 应用！看起来这跟渲染一个字符串模板非常类似，但是 Vue 在背后 做了大量工作。现在数据和 DOM 已经被建立了关联，所有东西都是响应式的。我们要怎么确认呢？请 看下面的示例，其中 BookStack.CN 构建 在 Vue 中，组件本质上是一个具有预定义选项的实例。在 Vue 中注册组件很简单：如对 App 对象所做的那样创建一个组件对象，并将其定义在父级组件的 components 选项中： 1. // 创建 Vue 应用 2. const app = Vue.createApp(...) 3. 4. // 定义名为 todo-item 的新组件 5 todo` 7. }) 8. 9. // 挂载 Vue 应用 10. app.mount(...) 现在，你可以将其放到到另一个组件的模板中： 1.- 2. 3.
4. 0 码力 | 368 页 | 3.97 MB | 1 年前3- Composable Vue, 编写可组合可复 的Vue 函数的最佳实践与技巧https://github.com/vuejs/rfcs/pull/212 ` ` 即将到来 ⼀个新的 API ⽤于⾃动收集副作⽤，计划在 Vue 3.2 中引⼊ // 在函数在 Scope 内创建的 effect, computed, watch, watchEffect 等将会被⾃动收集 const scope = effectScope(() => { const doubled console.log(user.name) // Anthony } } 状态共享 ⚠ 此⽅案不兼容 SSR! 模式 由于组合式 API 天然提供的灵活性，状态可以独⽴于组件被创建并使⽤。 // shared.ts import { reactive } from 'vue' export const state = reactive({ foo: 1, bar: ⽀持语法 将 Vue 2 代码库迁移到 TypeScript Vue 2 将继续⽀持 IE11 LTS 即将到来 Vue 2.7 计划 ` ` ` ` Vue Demi 库 创建 Vue 2 和 3 兼容的插件/库 vueuse/vue-demi // same syntax for both Vue 2 and 3 import { ref, reactive,0 码力 | 36 页 | 4.87 MB | 1 年前3
- Ant Design Pro 从零到一（Mock 使用）Pro从零到一（页面创建） 下一篇：ὄeyes Ant Design Pro 从零到一（学习Model） Ant Design Pro 系列：ὄeyes Ant Design Pro 从零到一教程 React从零到一Demo演练（上） React从零到一Demo演练（下） Ant Design Pro从零到一（认识AntD） Ant Design Pro从零到一（页面创建） Ant Design0 码力 | 6 页 | 299.27 KB | 1 年前3
共 3 条
- 1