HTML style scoped 属性

vue3安装在线构建ckeditor5教程（vue3 安装）

第一步访问https://ckeditor.com/ckeditor-5/online-builder/第二步选择Classic根据自身需求选择需要的ckeditor5插件注意带有**标识的为收费插件,选择好后点击Nextstep,进入下一步第三步选择工具栏默认显示的插件,并可以进行排...

25个 Vue 技巧，开发了5年了，有些竟然还是第一次见

1.将一个prop限制在一个类型的列表中使用prop定义中的validator选项，可以将一个prop类型限制在一组特定的值中。exportdefault{name:'Image',props:{src:{type:String,...

Vue基础四——Vue-router配置子路由

我们上节课初步了解Vue-router的初步知识，也学会了基本的跳转，那我们这节课学习一下子菜单的路由方式，也叫子路由。子路由的情况一般用在一个页面有他的基础模版，然后它下面的页面都隶属于这个模版，只是部分改变样式。我们接着第一节课的实例，在Hi页面的下面新建两个子页面，分别是“Hi页面1”和...

通过debug搞清楚.vue文件怎么变成.js文件

我们每天写的vue代码都是写在vue文件中，但是浏览器却只认识html、css、js等文件类型。所以这个时候就需要一个工具将vue文件转换为浏览器能够认识的js文件，想必你第一时间就想到了webpack或者vite。但是webpack和vite本身是没有能力处理vue文件的，其实实际背后生效的是vu...

vue实现滑块拖拽校验（vue滑块验证）

定义骨架，写html和csshtml部分{{confirmWords}}css部分:由于担心图片源的问题，所以写成了base64的图片.drag{position:re...

保证你不知道的Vue 3技巧（vue3ui）

VNodehooks在每个组件或HTML标签上，我们可以使用一些特殊的（文档没写的）钩子作为事件监听器。这些钩子有：onVnodeBeforeMountonVnodeMountedonVnodeBeforeUpdateonVnodeUpdatedonVnodeBeforeUnmountonVnod...

vue的命令式组件封装样例（vue封装常用的自定义指令）

在Vue.js中，命令式组件通常是指通过JavaScript动态创建和管理的组件，而不是通过模板声明式地使用。命令式组件的封装通常用于实现一些动态的、临时的UI元素，比如Toast提示、Modal对话框等。下面是一个简单的命令式Toast组件的封装示例：1.创建Toast...

前端又出新框架了，你还学得动吗?

最近前端又出来一个新框架/库，名为nue.js。一周前的9.13号提交了第一个commit，到今天已超过2000个star。翻译一下：Nue是一个强大的React、Vue、Next.js、Vite和Astro替代品。它可能会改变您的web开发方式。WhatisNueJS?NueJS...

webpack 常见loader原理剖析，动手实现一个md2html的loader

本文会带你简单的认识一下webpack的loader，动手实现一个利用md转成抽象语法树，再转成html字符串的loader。顺便简单的了解一下几个style-loader，vue-loader，babel-loader的源码以及工作流程。loader简介webpack允许我们使用loader来处理...

webpack的几个常见loader源码浅析，动手实现一个md2html-loader

前言本文会带你简单的认识一下webpack的loader，动手实现一个利用md转成抽象语法树，再转成html字符串的loader。顺便简单的了解一下几个style-loader，vue-loader，babel-loader的源码以及工作流程。loader简介webpack允许我们使用loader来...