摘要：
//定义食物类food class Food { //定义一个属性表示食物对应的元素 element: HTMLElement; constructor() { //获取页面中的food元素并赋值给element this.element = document.getElementById('foo 阅读全文
posted @ 2023-01-30 00:37
SadicZhou
阅读(211)
评论(0)
推荐(0)
摘要：
使用ts写一个贪吃蛇的项目 第一步:配置webpack和tsconfig，这里可以使用之前配置过的 第二步:在之前配置好的webpack中加入css打包时的配置模块 运行npm i -D less less-loader css-loader style-loader下载相关依赖并在module.r 阅读全文
posted @ 2023-01-21 15:46
SadicZhou
阅读(46)
评论(0)
推荐(0)
摘要：
// function(a:any){ // return a // } /* 定义函数或者类时，如果遇到类型不明确就可以使用泛型 */ //泛型可以同时指定多个 function fn<T, K>(a: T, b: K): T { return a } //可以直接调用具有泛型的函数 fn(10, 阅读全文
posted @ 2023-01-21 14:57
SadicZhou
阅读(37)
评论(0)
推荐(0)
摘要：
(function () { //定义一个表示人的类 class Person { /* 可以在属性前面添加属性的修饰符 public:public修饰的属性可以在任意部分访问和修改，是默认修饰符。 private:private私有属性只能在类的内部访问和修改 通过在类中添加方法使得私有属性可以被 阅读全文
posted @ 2023-01-18 16:18
SadicZhou
阅读(43)
评论(0)
推荐(0)
摘要：
vue3中除了提供了ref函数以为还提供了reactive函数来操作数据，一般情况下我们使用ref函数来操作简单类型数据，reactive函数来操作复杂类型数据 <template> <div>{{objRet.name}}</div> </template> <script lang="ts"> 阅读全文
posted @ 2022-12-27 12:33
SadicZhou
阅读(340)
评论(0)
推荐(0)
摘要：
ref也可以用来获取dom节点 分为三步： 1.给节点绑定ref='xxx' 2.let xxx =ref() 3.在挂载之后直接使用即可 <template> <div ref="op">24</div> <p>{{ num }}</p> <button @click="add">点击</butt 阅读全文
posted @ 2022-12-27 11:59
SadicZhou
阅读(131)
评论(0)
推荐(0)
摘要：
ref也可以将复杂类型的数据转换为响应式数据，使用方法和处理简单类型数据一样 let a =ref(复杂类型数据) a.value.xxx <template> <p>{{ objref.num }}</p> <button @click="add"></button> </template> <s 阅读全文
posted @ 2022-12-27 11:57
SadicZhou
阅读(247)
评论(0)
推荐(0)
摘要：
vue3中提供了ref()函数可以把数据转换为响应式数据。 <template> <div> {{ num }} </div> <button @click="add">这是按钮</button> </template> <script lang="ts"> import { defineCompo 阅读全文
posted @ 2022-12-27 11:54
SadicZhou
阅读(114)
评论(0)
推荐(0)
摘要：
最近在做Vue3项目的时候，会看到这样一个报错，找不到模块 .vue文件，可能是ts文件无法识别vue后缀的文件导致的，上网搜索了一下发现尤大大给出了解决方案。 在src目录下新建一个.d.ts后缀的文件 declare module '*vue'{ import {ConponmentOption 阅读全文
posted @ 2022-12-27 10:34
SadicZhou
阅读(60)
评论(0)
推荐(0)
摘要：
<template> <div> <p>这是第一个组件</p> </div> </template> <script lang="ts"> import { defineComponent, onBeforeMount, onMounted } from 'vue'; export default 阅读全文
posted @ 2022-12-26 22:39
SadicZhou
阅读(44)
评论(0)
推荐(0)
浙公网安备 33010602011771号