前端

Vue自定义指令

在 Vue,除了核心功能默认内置的指令 ( v-model 和 v-show ),Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。 Vue自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式,通过 Vue.directive( id, [definition] ) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。

0到1的vue3+ts+vite前端Web项目搭建

为了熟悉vue3+ts的开发风格,搭建的一个仿小红书的WebApp(已开源);持续迭代中...... gitHub仓库 : 线上地址: 一、搭建项目 npm init vite@latest 踩坑:vite项目需要node版本大于16!!! 通过v

Vue 4.0 新特性深度解析:为什么说它正在夺回前端市场

Vue 4.0 自发布以来,凭借一系列令人瞩目的新特性在前端开发领域掀起波澜,逐渐展现出夺回前端市场份额的强劲势头。在性能层面,采用全新编译器架构,编译速度大幅提升,虚拟 DOM 性能优化显著减少不必要重渲染,同时对 WebAssembly 的支持进一步增强计算能力。开发体验上,组合式 API 增强让

前端实用网站

前端查询网站 npm官网: MDN官网: w3c在线教程: w3菜鸟教程: JavaScript明星项目:https:

尚硅谷Vue2-3, 学习笔记

(一) 基本模块 01基础模板语法 1.1插值语法 -- 解析标签体里的内容 data -> {{}} 里可以写js表达式,或者js语句 : 通过{{}}在标签体里插入data里面的数据 <div id="root">{{}}</div> //{{}}:插值语法 - vue模板 <script> // 创建Vue实例 const x

ES5新增数组方法

ES5新增数组方法 一,静态方法 1.isArray() -用于确定传递的值是否是一个Array. -如果值是Array,则为true ;否则为false //语法格式 Array.isArray(value) //value为需要检测的值。 // 下面的函数调用都返回 true Array.isArray([]); Array.isArray([1]); Array.isArray(new A

vue3,使用watch监听props中的数据

情况一:监听 props 中基本数据类型 父组件中对传入数据的处理 const handleClick = () => { testStr.value += 'P' } 子组件中监听传入的数据 watch( () => props.testStr, (newVal, oldVal) => { console.log('监听基本类型数据testS