vue

共找到 29 篇文章

29 篇文章
23 分钟阅读
43500 字数
vue

vue -- v3.4commit提交记录2

vue – v3.4commit提交记录2 🔗From 2024-02 修复hydrant过程中css 绑定变量时的报错 image.png 支持slot中简写语法 1 <slot :name /> image.png 修复compu

vue3 v3.4
阅读全文
200 字
vue

vue2 升级vue3报错问题整理

vue2 升级 vue3 报错问题整理 🔗vite 路径别名 🔗 1 2 3 4 5 6 7 8 9 10 11 resolve: { // https://cn.vitejs.dev/config/#resolve-alias alias: { // 设置路径 '~': path.resolve(__dirname, './'), // 设置别名 '@': path.resolve(__dirname, './src') }, // https://cn.vitejs.dev/config/#resolve-extensions extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'] }, Catch all routes (“

vue3
阅读全文
300 字
vue

element-plus 老版本cascader使用卡死问题

element-plus 老版本cascader使用卡死 🔗重写Cascader组件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 import { defineComponent, onMounted, onBeforeMount } from "vue" import { ElCascader } from "element-plus"; function cascaderVisable() {

element-plus
阅读全文
200 字
vue

vue -- compile结果代码解读

vue – compile结果代码解读 🔗vue中对于sfc文件最终的编译结果，可以在playground中看到 源码 1 2 3 4 5 6 7 8 9 10 11 <script setup> import { ref }

vue3 sfc
阅读全文
1900 字
vue

vue -- transformElement源码

vue transformElement 🔗transformElement 🔗 1 2 3 4 5 6 export const transformElement: NodeTransform = (node, context) => { return function postTransformElement() { // ... // 主函数，返回一个闭包函数 } } resolveComponentType 🔗动态组件 🔗 1 const isProp = findProp(node, 'is') 并

vue3 transformElement @vue/compiler-core
阅读全文
1800 字
vue

Vue 自定义指令的执行机制

Vue 自定义指令的执行机制 🔗 version: 2.6.14 前情提要 🔗某日，业务需要我需要在按钮点击之前验证某些条件，如果不符合即不执行click内的业务代码。思前想后，写

vue2
阅读全文
1400 字
vue

elementui form多表单验证

多表单验证 🔗页面中存在多个表单验证时，要验证多个表单是否完整就比较费劲 平时业务中验证都是这样的回调形式 1 2 3 this.$refs.form1.validate((valid) => { // .... }); 重新写个高阶函数 1 2

elementui
阅读全文
200 字
vue

vue -- 实现MenuTree组件

vue – 实现MenuTree组件 🔗样例 🔗 image.png 具体实现 🔗 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46

阅读全文
1400 字
vue

Vue -- VFor的编译处理

vue – VFor的编译处理 🔗 “version”: “3.2.37” createStructuralDirectiveTransform 🔗通用函数， 根据模板创建指令数据，匹配对应的名字或者正则 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

vue3
阅读全文
700 字
vue

Vue -- codegen源码

vue3 codegen代码生成 🔗版本 “version”: “3.2.37” 源码地址 packages\compiler-core\src\codegen.ts vue的template在前面经过parse之后会生成一个ast树形对象，但是对象本身也是没有办

vue3 @vue/compiler-sfc
阅读全文
3000 字
vue

vue3 -- @vue/compiler-sfc 工具源码解读

@vue/compiler-sfc 🔗 “version”: “3.2.37” parse 源码 🔗接收2个参数 source: 传入的模版文件的内容 option: 解析配置 1 2 3 4 5 6 7 8 9 10 11 12 13 export function parse( source: string, { sourceMap = true, filename = DEFAULT_FILENAME, sourceRoot = '', pad = false, ignoreEmpty = true, compiler = CompilerDOM }: SFCParseOptions =

vue3 @vue/compiler-sfc
阅读全文
1800 字
vue

vue -- 内置指令源码分析

vue内置指令 🔗 “version”: “3.2.37” vue因为在核心中内置了一些指令，开箱即用就非常nice v-model 🔗vue中最具特色的指令就是v-mode了，可以把input的

vue3
阅读全文
2700 字
vue

vue -- cssVars css绑定变量

Vue3 cssVars 🔗 “version”: “3.2.37” vue3中单文件SFC有个新特性，就是在css里可以使用变量了 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <template> <div> <h1>123</h1> </div> </template> <script lang='ts' setup> const color = 'red' </script> <style scoped> h1 { color: v-bind(color)

vue3
阅读全文
2000 字