文章 2023-04-15 来自:开发者社区

学习Vue3 第十章(认识watch侦听器)

watch 需要侦听特定的数据源,并在单独的回调函数中执行副作用watch第一个参数监听源watch第二个参数回调函数cb(newVal,oldVal)watch第三个参数一个options配置项是一个对象{immediate:true //是否立即调用一次deep:true //是否开启深度监听}监听Ref 案例import { ref, watch } from 'vue' let mess....

文章 2023-04-15 来自:开发者社区

学习Vue3 第九章(认识computed计算属性)

computed用法计算属性就是当依赖的属性的值发生变化的时候,才会触发他的更改,如果依赖的值,不发生变化的时候,使用的是缓存中的属性值。1 函数形式import { computed, reactive, ref } from 'vue' let price = ref(0)//$0 let m = computed<string>(()=>{ return `$` +...

文章 2023-04-15 来自:开发者社区

学习Vue3 第八章(认识to系列全家桶)

toRef toRefs toRawtoRef如果原始对象是非响应式的就不会更新视图 数据是会变的<template> <div> <button @click="change">按钮</button> {{state}} </div> </template> <script set...

文章 2023-04-15 来自:开发者社区

学习Vue3 第七章(认识Reactive全家桶)

reactive用来绑定复杂的数据类型 例如 对象 数组reactive 源码约束了我们的类型他是不可以绑定普通的数据类型这样是不允许 会给我们报错import { reactive} from 'vue' let person = reactive('sad')绑定普通的数据类型 我们可以 使用昨天讲到ref你如果用ref去绑定对象 或者 数组 等复杂的数据类型 我们看源码里面其实也是 去调用....

学习Vue3 第七章(认识Reactive全家桶)
文章 2023-04-15 来自:开发者社区

学习Vue3 第六章(认识Ref全家桶)

视频教程小满Vue3(第六章 Ref 全家桶 & 源码解析)_哔哩哔哩_bilibiliref接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property,指向该内部值。案例我们这样操作是无法改变message  的值 应为message 不是响应式的无法被vue 跟踪要改成ref<template> <div...

学习Vue3 第六章(认识Ref全家桶)
文章 2023-04-15 来自:开发者社区

学习Vue3 第四章(模板语法 & vue指令)

模板插值语法在script 声明一个变量可以直接在template 使用用法为{{变量名称}}<template> <div>{{ message }}</div> </template> <script setup lang="ts"> const message = "我是小满" </script> <styl...

文章 2023-04-15 来自:开发者社区

学习Vue3 第二章(配置环境)

1.安装nodejs(建议装14,16,版本稳定)装过的同学可以忽略下载 | Node.js 中文网装完之后会有一个命令叫 npm可以在终端输入npm -v 来检查是否安装成功2.构建vite项目官方文档开始 {#getting-started} | Vite中文网vite 的优势 冷服务   默认的构建目标浏览器是能  在 script 标签上支持原生 ESM  ....

学习Vue3 第二章(配置环境)
文章 2023-04-15 来自:开发者社区

学习Vue3 第一章

视频教程Vue3 + vite + Ts + pinia + 实战 + 源码 +全栈_哔哩哔哩_bilibili1.介绍vueVue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合....

学习Vue3 第一章
文章 2023-04-15 来自:开发者社区

学习Vue3 第十二章(认识组件&Vue3生命周期)

组件基础每一个.vue 文件呢都可以充当组件来使用每一个组件都可以复用例如 helloWorld 充当子组件 父组件使用引入子组件 helloWorld 然后直接就可以去当标签去使用 (切记组件名称不能与html元素标签名称一样) 组件的生命周期简单来说就是一个组件从创建 到 销毁的 过程 成为生命周期在我们使用Vue3 组合式API 是没有 beforeCreate 和 created 这两个....

学习Vue3 第十二章(认识组件&Vue3生命周期)
文章 2023-01-04 来自:开发者社区

TS学习(三):与 Vue3 结合使用

1. TS在工程项目中的模块使用及配置1.1 声明文件什么是声明文件?声明文件就是给 js 代码补充类型标注. 这样在 ts 编译环境下就不会提示 js 文件"缺少类型".声明变量使用关键字 declare 来表示声明其后面的全局变量的类型, 比如:// packages/global.d.ts declare var __DEV__: boolean declare var __TEST__:....

TS学习(三):与 Vue3 结合使用

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注