vue基础(3)

本文是Vue基础系列的第三部分,主要讲解了watch的用途,包括监听data中数据变化的方法;对比了watch与computed的区别,强调了watch在数据改变时的自动触发和用于异步操作的场景;介绍了mixins混入的概念及其在局部和全局的应用;最后阐述了v-model的双向数据绑定原理,它是MVVM架构的关键特性。
摘要由CSDN通过智能技术生成

vue基础(3)

watch侦听属性

1.作用
用来监听data中定义的数据,当data中定义的数据发生了变化,那么watch中的key就会触发
watch是一个对象 watch: {}
watch中可以设置多个类型的键值
2.使用方式( 重点 )
方法

 watch: {
      fn () {}
    }

对象----深度监听
watch: {
      fn: {
        handler(){},
        deep: true
      }
    }

计算属性

  1. 使用方式
    • 里面存放方法
      computed: {
         
        fn () {
         
          return ''   //必须要有返回值
        }
      }
    
    </
Vue 3 是一套用于构建用户界面的渐进式 JavaScript 框架,而 TypeScript 是一种静态类型检查的超集,可以与 Vue 3 配合使用,提供更强大的开发工具和编辑器支持。下面是 Vue 3 和 TypeScript 的基础知识: 1. 安装 Vue 3 和 TypeScript:你可以使用 npm 或者 yarn 来安装 Vue 3 和 TypeScript。安装 Vue 3 的命令是:`npm install vue@next`,安装 TypeScript 的命令是:`npm install --save-dev typescript`。 2. 创建 Vue 3 的项目:在安装完 Vue 3 和 TypeScript 后,你可以使用 Vue CLI 来创建一个新的 Vue 3 项目。使用命令 `vue create my-project` 创建一个新的项目,并选择 TypeScript 作为预设。 3. 使用 TypeScript 的组件:在 Vue 3 ,你可以使用 TypeScript 来为组件提供类型检查。你可以通过为组件定义 props 的类型、使用装饰器来注解组件选项、以及为组件的 data、methods、computed 等属性添加类型注解。 4. 单文件组件的 TypeScript:在单文件组件,你可以使用 `<script lang="ts">` 标签来指定 TypeScript。这样你就可以在单文件组件编写 TypeScript 代码,并享受类型检查的好处。 5. 类型推断和声明:TypeScript 可以根据上下文自动推断变量的类型,但有时你可能需要手动声明类型。你可以使用 `:type` 语法来为变量、函数参数、函数返回值等声明类型。 6. 使用 Vue 3 的特性:Vue 3 提供了一些新的特性,比如 Composition API、Teleport、Suspense 等。在使用这些特性时,你可以使用 TypeScript 来提供类型检查和自动补全。 这只是 Vue 3 和 TypeScript 的一些基础知识,希望对你有所帮助!如果你有进一步的问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值