vue3
luoluosheng07
这个作者很懒,什么都没留下…
展开
-
vue computed计算属性
模板中的表达式虽然方便,但也只能用来做简单的操作;如果在模板中写太多逻辑,会让模板变得臃肿,难以维护;因此我们推荐使用计算属性来描述依赖响应式状态的复杂逻辑1. 选项式 API 中,可以提供computed选项来声明计算属性2. 组合式 API 中,可以通过computed回调函数返回的值来声明计算属性计算属性与方法的区别:●两种方式在结果上确实是完全相同的,不同之处在于计算属性值会基于其响应式依赖被缓存。●一个计算属性仅会在其响应式依赖更新时才重新计算。原创 2024-03-05 11:33:12 · 521 阅读 · 0 评论 -
vue 侦听器 ---- 组合式 API
【代码】vue 侦听器 ---- 组合式 API。原创 2024-03-05 10:33:49 · 802 阅读 · 0 评论 -
this.$watch 侦听器 和 停止侦听器
c. flush: 'post':更改回调机制(DOM更新后)语法:this.$watch(data, method, object)b. immediate:创建时立即触发。2. method:回调函数,参数一新值,参数二旧值。1. data:侦听的数据源,类型为String。使用组件实例的$watch()方法来命令式地创建一个侦听器;a. deep:深度侦听。停止侦听器,需要自行停止侦听器,这时可以调用。3.object:配置。它还允许你提前停止该侦听器。原创 2024-03-04 16:08:31 · 519 阅读 · 0 评论 -
vue 侦听器 ---- 选项式 API
如果我们希望在代码逻辑中监听某个数据的变化,一旦监听到数据发生了变化就做一些业务处理的工作,比如说,用户在文本框中输入内容,会自动去判断该用户名是否可用。此时就需要用侦听器watch来完成了;通俗来说,数据一旦发生了变化就通知侦听器, 从而针对数据的变化做特定的操作,而侦听器本质是一个函数,数据一旦发生变化,就通知侦听器绑定的函数,做一些事情。原创 2024-03-04 14:54:33 · 515 阅读 · 0 评论 -
vue 内容渲染和属性绑定
这是一个 DIV 元素,{{ student.name }},{{ student.desc }}原创 2024-03-04 11:11:17 · 909 阅读 · 0 评论 -
vue 组合式API 中响应式变量和普通变量
2.2 使用ref()方法我们可以创建任何类型的响应式数据,获取时需要通过.value来进行获取,当值为对象类型时,会用reactive()自动转换它的 .value。3. 响应式变量和非响应式变量在同一个方法中混合使用的时候,就会都变成了响应式变量。let title = ref("我的第一个组件") // 响应式字符串变量。如果在组合式 API 中直接声明普通变量的数据源,他们并不具备响应式数据。// 普通类型的对象,不具备响应式。// 普通的变量不具备响应式。// 响应式对象变量。原创 2024-03-04 10:40:25 · 701 阅读 · 0 评论 -
Vue简单认识
Vue是一款用于构建用户界面的JavaScript框架;它基于标准HTMLCSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。原创 2024-03-04 09:19:39 · 462 阅读 · 0 评论 -
vue3 运行npm create vue@latest 和 npm init vue@latest 执行速度慢的问题
npm create vue@latest、和 npm init vue@latest 不管是电脑cmd上还是vscode终端上都是卡住不动!原创 2024-02-07 16:03:55 · 1208 阅读 · 1 评论