上一页 1 ··· 8 9 10 11 12 13 14 下一页
摘要: 1.7章《传递UI片断》,需要做几个案例,这部分暂停消化几天。我们先把基础部分相对简单的最后两章学习了。 计算属性和数据监听是Vue当中的概念,本质上都是监听数据的变化,然后做出响应。两者的区别,在于响应方式的不同。 1、计算属性,如【const result = computed(()={retu 阅读全文
posted @ 2022-05-13 20:30 functionMC 阅读(876) 评论(4) 推荐(1)
摘要: Blazor和Vue,都可以渲染包含原生HTML标签的变量,但因为安全原因,均不推荐这么做 1、Vue中使用v-html指令: <template> <span v-html="htmlString"></span></template> <script setup>import {ref} fro 阅读全文
posted @ 2022-05-11 22:10 functionMC 阅读(296) 评论(0) 推荐(0)
摘要: 前面章节,我们实现了父子组件之间的数据传递。大多数时候,我们以组件形式来构建页面的区块,会涉及到组件嵌套的问题。这种情况,很大概率需要将祖先的数据,传递给后代组件去使用。我们当然可以使用父传子的方式,使用属性一级级往下传,但这样真得很麻烦。所以在Vue和Blazor都提供了祖孙传值的方案。有人会问, 阅读全文
posted @ 2022-05-11 21:23 functionMC 阅读(872) 评论(4) 推荐(3)
摘要: 这章我们来学习,现代前端框架中最精彩的一部分,双向绑定。除了掌握原生HTML标签的双向绑定使用,我们还要在一个自定义的组件上,手撸实现双向绑定。双向绑定,是前两章知识点的一个综合运用(父传子、子传父),但因为又多了一层抽象,有一点小难度,需要多次练习,才能熟悉套路。此后,基础部分就是一马平川了。此章 阅读全文
posted @ 2022-05-10 22:24 functionMC 阅读(789) 评论(0) 推荐(3)
摘要: Blazor和Vue的组件事件,都使用事件订阅者模式。相对于上一章的组件属性,需要多绕一个弯,无论Blazor还是Vue,都是入门的第一个难点。要突破这个难点,一是要熟悉事件订阅模式;二是多练几次、熟悉套路。接下面,我们开始学习以下几个知识点 事件订阅模式 使用事件订阅模式实现子传父 子传父参数详解 阅读全文
posted @ 2022-05-09 23:34 functionMC 阅读(1090) 评论(2) 推荐(6)
摘要: 组件除了要解决视图层展示、视图层与逻辑层的数据绑定,还需要解决一个重大问题,就是在组件树中实现数据传递,包括了父传子、子传父、祖传孙,以及任意组件之间传值。我们上一章讲到的实现双向绑定的两个指令,Vue的v-model,Blazor的@bind,可以认为是父子组件双向传值的语法糖,后面章节我们再来实 阅读全文
posted @ 2022-05-07 22:20 functionMC 阅读(958) 评论(0) 推荐(2)
摘要: #一、先复习一下上个章节学习的组件本质 ###1、Vue的组件本质是一个对象(通过选项式API来看Vue组件本质): 视图层是属性template的值。在视图层中,使用模板语法,使视图层和逻辑层建立关联。 date()方法返回响应式数据。 methods属性中,定义方法。 computed属性中,定 阅读全文
posted @ 2022-05-06 22:22 functionMC 阅读(1935) 评论(0) 推荐(9)
摘要: 程序本质上,就是由数据和处理数据的方法构成。函数和方法,这两个名词虽然字面不同,但意义上其实没有区别。只是因为它们出现的地方有异,给予了不同的名称,比如在全局环境中,叫函数,在对象或类中,叫方法。而C#没有全局的概念,所以绝大多数时候,都叫方法。本节内容比较多,列一下目录: 基本概念 函数的声明和调 阅读全文
posted @ 2022-04-01 21:29 functionMC 阅读(1263) 评论(0) 推荐(4)
摘要: 开始语言学习的一个新系列,通过对比三门语言的基础知识(也可以算两门),一方面能够打实根基,另一方面也能在对比过程中升华。这个系列的整体深度介于基础和中级之间,C#最难到委托、事件、反射、特性,JS最难到原型对象、原型链、数据代理、异步。 对比的三门语言很有意思,(1)传统认知上(现实是它们的触角都伸 阅读全文
posted @ 2022-03-17 14:11 functionMC 阅读(911) 评论(0) 推荐(2)
摘要: #一、Vue和Blazor的组件结构示例 ###1、Vue,以下案例文件名为Index.vue //(1)视图层-HTML <template> <h1>{{ sayHi }}</h1> </template> //(2)逻辑层-JS //以下代码使用组合式API(Composition API)的 阅读全文
posted @ 2022-03-02 21:11 functionMC 阅读(1902) 评论(0) 推荐(2)
上一页 1 ··· 8 9 10 11 12 13 14 下一页
点击右上角即可分享
微信分享提示