vue3

共找到 23 篇文章

23 篇文章
18 分钟阅读
34500 字数

相关标签

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

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 -- 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 字