Vue.js v3.0 教程（Vue3 教程）Methods - 32 - 本文档使用 书栈网 · BookStack.CN 构建 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板 过重且难以维护。例如，有一个嵌套数组对象： 1. Vue.createApp({ 2. data() { 3. return { 4. author: { 5. name: 'John { 8. return this.numbers.filter(number => number % 2 === 0) 9. } 10. } 在计算属性不适用的情况下 (例如，在嵌套 v-for 循环中) 你可以使用一个方法： 1.注意当点击按钮时，每个组件都会各自独立维护它的 count 。因为你每用一次组件，就会有一个它 的新实例被创建。 通常一个应用会以一棵嵌套的组件树的形式来组织： 例如，你可能会有页头、侧边栏、内容区等组件，每个组件又包含了其它的像导航链接、博文之类的组 件。 为了能在模板中使用，这些组件必须先注册以便 Vue 能够识别。这里有两种组件的注册类型：全局注- 2.
- {{ n
5.
- {{ n
0 码力 |
368 页 |
3.97 MB
| 1 年前
3
前终端统⼀一⽅方案Hippy-Vue 设计和实现
层：提供业务代码运⾏行行时的前端上下⽂文环境； • Native Framework 层：负责前终端通讯与 JavaScript VM，并提供 Native 相关模块； • Portable UI 层：提供基础 UI 组件与布局计算框架，并负责渲染⾄至⽬目标平台； Layout/Style Hippy Layout Text Component Text... Component Node Render Portable iOS、Android 共享布局引擎， 纯 C 开发，只有 50kb。 项⽬目架构 Hippy SDK 采⽤用三层设计，其中： • JavaScript 层：提供业务代码运⾏行行时的前端上下⽂文环境； • Native Framework 层：负责前终端通讯与 Javascript VM，并提供 Native 相关模块； • Portable UI 层：提供基础 UI 组件与布局计算框架，并负责渲染⾄至⽬目标平台；
0 码力 |
19 页 |
556.32 KB
| 1 年前
3
Composable Vue, 编写可组合可复 的Vue 函数的最佳实践与技巧
PROS ` ` CONS ` ` Ref ⾃动解包 watch 直接接受 Ref 作为监听对 象，并在回调函数中返回解包后的值 Ref 在模版中⾃动解包 使⽤ Reactive 解包嵌套的 Ref 核⼼ 在众多情况下，我们可以减少 .value 的使⽤ ` ` ` ` const counter = ref(0) watch(counter, count => {
0 码力 |
36 页 |
4.87 MB
| 1 年前
3
共 3 条
- 1