乐躬耕于陇亩兮,吾爱吾庐。聊寄傲于琴书兮,以待天时。
Vue3使用highlight.js进行代码高 Vue3使用highlight.js进行代码高
安装依赖 需要安装两个依赖highlight.js、@highlightjs/vue-plugin ## 基础依赖 npm install --save highlight.js ## 支持vue3的依赖 npm install --sa
2022-10-25
Vue3组合式API使用示例 Vue3组合式API使用示例
API一览setup()响应式: 核心 ref() - 接受一个内部值,返回一个响应式的、可更改的 ref 对象 computed () - 接受一个 getter 函数,返回一个只读的响应式 ref 对象(计算属性) reactive()
2022-08-08
通过canvas生成水印方案 通过canvas生成水印方案
通过自定义指令生成canvas水印原理 水印(watermark)是一种容易识别、被夹于纸内,能够透过光线穿过从而显现出各种不同阴影的技术。实现 前端实现的水印基本都是不安全的,可被破解的 使用canvas生成base64格式的图片文件,并
2021-12-27
Vue自定义组件的v-model例子 Vue自定义组件的v-model例子
一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件,但是像单选框、复选框或者其他自定义组件等类型的输入控件可能会将 value attribute 用于不同的目的。model 选项可以用来避
2021-11-08
Vue项目中应用TypeScript Vue项目中应用TypeScript
起步 在VUE项目中应用typescript,我们需要引入一个库vue-property-decorator, vue-property-decorator是基于vue-class-component库而来,这个库vue官方推出的一个支持使
2021-10-08
tsconfig.json配置项详解 tsconfig.json配置项详解
{ "compilerOptions": { "allowUnreachableCode": true, // 不报告执行不到的代码错误 "allowUnusedLabels": false, //
2021-10-06
一道基础Vue生命周期的面试题 一道基础Vue生命周期的面试题
根据Vue的生命周期说出console打印出来的值export default { data() { num1: 1, num2: 2, }, computed: {
2021-05-11
用Element-Ui封装一个滑动组件 用Element-Ui封装一个滑动组件
基于Element-Ui的“Slider滑块”组件封装一个前端滑动滑动验证组件 主要用于登录验证 纯前端验证(滑着过瘾)目前无法与后端进行校验 封装还可以优化 直接看代码吧slider组件// slider/index.vue' <t
2021-04-08
Vue3的setup函数 Vue3的setup函数
setup函数 setup用于定义变量和方法 ref用于声明简单数据类型,如:String Number Boolean reactive用来声明复杂数据类型,如:Array Objec 是使用Composition API的入口 Comp
2020-12-30
一份参考用的axios封装 一份参考用的axios封装
一份拷贝即用的axios封装代码安装Axiosnpm install axios import axios, { AxiosRequestConfig, AxiosResponse } from 'axios' con
2020-11-19
1 / 2