摘要: 一、基本使用 1. 安装依赖 npm i -D webpack webpack-cli typescript ts-loader 2. webpack配置 // webpack.config.js // 引入一个包 const path = require('path'); // webpack 中 阅读全文
posted @ 2022-03-21 11:00 寒沁 阅读(362) 评论(0) 推荐(0)
摘要: 1. number 所有数字都是浮点数,类型为 number,支持二进制、八进制、十进制和十六进制 // 十进制 let decimal: number = 6; // 十六进制 let hex: number = 0xf00d; // 二进制 let binary: number = 0b1010 阅读全文
posted @ 2022-03-21 10:59 寒沁 阅读(440) 评论(1) 推荐(0)
摘要: 1. 全局 API 转移 vue3 中将全局 API,即 Vue.xxx 调整到应用实例 app 上 2.x 全局 API(Vue) 3.x 实例 API (app) Vue.config.xxxx app.config.xxxx Vue.config.productionTip 移除 Vue.co 阅读全文
posted @ 2022-03-21 10:57 寒沁 阅读(95) 评论(0) 推荐(0)
摘要: 非兼容变更:用于自定义组件时,v-model 的 prop 和事件默认名称已更改 prop: value → modelValue 事件: input → update:modelValue 非兼容变更:v-bind 的 .sync 修饰符和组件的 model 选项已移除,可在 v-model 上加 阅读全文
posted @ 2022-03-21 10:55 寒沁 阅读(2612) 评论(0) 推荐(0)
摘要: 1. Fragment(片段) 在 vue2 中:组件必须有一个根标签 在 vue3 中:组件可以没有根标签,内部会将多个标签包含在一个 Fragment 虚拟元素中 好处:减少标签层级,减小内存占用 2. Teleport(瞬移) Teleport 是一种能够将组件的 html 结构移动到指定位置 阅读全文
posted @ 2022-03-21 10:53 寒沁 阅读(115) 评论(0) 推荐(0)
摘要: 一、常用 Composition API 1. setup setup 是 Vue3.0 中一个新的配置项,值为一个函数,是所有 Composition API 的入口 两个注意点: 1.setup 执行的时机:在 beforeCreate 之前执行一次,this 是 undefined 2.set 阅读全文
posted @ 2022-03-21 10:49 寒沁 阅读(584) 评论(0) 推荐(0)
摘要: 一、如何判断函数中 this 指向 检查 . 左边是谁调用这个函数。例如 xiaoming.getName(); getName 函数里面有this,然后 . 旁边是 xiaoming,那么 this 就是指向 xiaoming。这种叫做 Implicit Binding(隐式绑定) 如果 . 左边 阅读全文
posted @ 2022-03-21 10:43 寒沁 阅读(32) 评论(0) 推荐(0)
摘要: 看到vue文档的示例中,使用以下代码创建了2个相同的段落 注:文档中length的值为20,这里方便演示改为了2 render: function (createElement) { return createElement('div', Array.apply(null, { length: 2 阅读全文
posted @ 2022-03-21 10:41 寒沁 阅读(233) 评论(0) 推荐(0)
摘要: 一、计算属性 computed 1、计算属性的 setter 和 getter 每个计算属性都包含一个 setter 和一个 getter 计算属性一般没有 set 方法,只读属性 计算属性在使用时作为一个属性,不用加() 注意:如果计算属性使用了箭头函数,则 this 不会指向这个组件的实例,不过 阅读全文
posted @ 2021-12-24 15:17 寒沁 阅读(30) 评论(0) 推荐(0)
摘要: 最近看到有些在线文档可以进行签名,以防以后项目中会用到,提前用canvas练习一下,先看下最后实现的效果: 思路 在canva中监听鼠标按下事件(mousedown),获取按下时鼠标到canvas左上角的距离 以鼠标按下的点为canvas画笔的起点,监听鼠标移动事件(mousemove),根据鼠标移 阅读全文
posted @ 2021-12-24 15:11 寒沁 阅读(120) 评论(0) 推荐(0)