dialog弹窗实现(可添加在任意节点上)
摘要:目录dialog弹窗实现(可添加在任意节点上) dialog弹窗实现(可添加在任意节点上) <template> <teleport v-if="modelValueHandler || lazyModelValueHandler" to=".ll-adapter"> <transition nam
阅读全文
第六章、Vue3高级
摘要:目录二十四、项目实战细节(二)1、组件设置name属性2、$slots和$scopedSlots3、vue模版的for-in和for-of 二十四、项目实战细节(二) 1、组件设置name属性 <script setup> // Vue3.3后支持 defineOptions({ name: '组件
阅读全文
第五章、Vue3高级
摘要:目录二十一、项目搭建规范1、创建项目2、代码规范a、.editorconfig(编辑器编辑风格)b、prettier(代码格式化风格)c、eslint(代码风格检测工具)d、git Husky(提交前代码格式化风格)e、commitizen(提交信息格式化风格)f、commitlint(提交信息风格
阅读全文
第四章、Vue3高级
摘要:####十六、vue3高级语法补充 #####1、自定义指令 局部指令 <template> <input type="text" v-focus> </template> <script> export default { directives: { focus: { mounted(el, bi
阅读全文
第三章、Vue3高级
摘要:####十、Vue3的组件化(二) #####1、组件的拆分和嵌套 * 对组件进行拆分,拆分成一个个小的组件 * 再将这些组件组合嵌套在一起,最终形成我们的应用程序 #####2、组件的css作用域(vue-loader) <!-- 如果子组件是多个根节点,则子组件的根节点上不会有父组件的data-
阅读全文
第二章、Vue3高级
摘要:####九、VueCLI和Vite #####1、VueCLI安装和使用 安装 # 安装脚手架 npm i @vue/cli -g # 更新脚手架 npm update @vue/cli -g # 创建项目 vue create 项目的名称 项目的目录结构 文件或目录 作用 .browserslis
阅读全文
第一章、Vue3高级
摘要:####一、Vue3初体验 #####1、初体验案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue3+ts</title> <script src="https://unpkg.com/vue@ne
阅读全文
vue-typescript-element-template使用总结
摘要:####vue-typescript-element-template使用总结 #####一、请求 ######1、定义接口 import request from '@/utils/request' export const 方法 = (params: params类型, data: data类型
阅读全文
vue3入门
摘要:###vue3 ####一、环境 * 需要nodejs环境 * 安装:npm i -g @vue/cli * 查看版本(需要在4.5.0以上):vue -V * 脚手架初始化项目:vue create my-project Please pick a preset:Manually select f
阅读全文