• Hedy
  • 登录
    • 首页
    Preview

    Vue3 小问答

    Vue3 小问答，每天一个问答，你来问我来答
    收录 16 篇文章
    订阅专栏可永久解锁本文 >>
    Hedy
    2023-4-16 中午12:9
    1.1k+阅读

    Vue3+TypeScript+Vuetify+Vite 实现动态主题切换

    创建项目

    • 创建一个 Vite 项目
    npm create vite@latest
    • 输入项目名称
    ? Project name: vue3-ts
    • 选择vue
    ? Select a framework: » - Use arrow-keys. Return to submit.
    vanilla                                                
>   vue                                                    
    react                                                  
    preact
    付费内容，0.11币解锁全文 >>

    Vue3 小问答

    Vue3 小问答，每天一个问答，你来问我来答
    收录 16 篇文章
    订阅专栏可永久解锁本文 >>
    TypeScriptvue3vuetify

    版权声明：本文内容由TeHub注册用户自发贡献，版权归原作者所有，TeHub社区不拥有其著作权，亦不承担相应法律责任。 如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

    点赞（0）
    收藏（0）
    Hedy
    大家好！我是一位前端开发工程师，拥有6年以上的前端开发经验。我熟练掌握HTML、CSS、JavaScript等语言，能够灵活运用各种前端框架，如Vue、React、Uniapp、Flutter等。我注重理论与实践相结合，能够为学员提供丰富的案例和实践项目，并以生动、易懂的语言为学员讲解前端开发的核心知识和技能。我不仅注重传授技能，更关注学员的职业发展，希望通过我的教学，帮助学员成为一名优秀的前端开发工程师。

    评论(0)

    添加评论

    相关阅读

    出于随性
    in
    Vite

    解决 vite 报错Top-level await is not available in the configured target environment

    前言 vite 打包报了一个错： Top-level await is not available in the configured target environment (“chrome87”, “edge88”, “es2019”, “firefox78”, “safari13.1”) 一、错误原因 「ECMAScript」提案 Top-level await
    发布于 1年前 阅读数 3369
    出于随性
    in
    按需加载,Ant Design

    Nuxt3 按需引入ant-design-vue

    本文节选自TeHub小书 https://tehub.com/b/show/9rRbSM55RP/chapter/9tRwQP479G 相比element-plus,antdv的组件按需导入更加简单一些，但需要注意的是样式并不会按需导入，如果需要样式文件也按需导入，则需要引用第三
    发布于 1年前 阅读数 1787
    出于随性
    in
    Nuxt3

    Nuxt3 报错Hydration node mismatch

    本文内容节选自tehub小书 https://tehub.com/b/show/9rRbSM55RP/chapter/bw7Ta7r6Jx 这个报错目前暂不清楚是Nuxt3还是Antdv或是Vue3导致的。 报错示例 创建一个nuxt3页面pages/test.vue，内容如下： <template> <a-dropdown> <a class="ant-dropdown-link" @click.prevent> Hover me <DownOutlined /&gt
    发布于 1年前 阅读数 1329
    励志猿
    in
    ESLint,prettier,vue3

    Vue3+vite 配置Eslint和Prettier

    Eslint和Prettier 为了我们项目代码规范化，我们引入Eslint和Prettier。 eslint 安装eslint npm install eslint -D //或者 yarn add -D eslint 初始化配置eslint npx eslint --init 选择模式 You can also run this command directly using 'npm init @eslint/config'. ? How would you like to use ESLint? … To check synta
    发布于 1年前 阅读数 1779
    励志猿
    in
    vue3,Vite

    Vue3+vite 配置路径别名

    配置路径别名 在实际开发中，有的组件会嵌套的很深，如果需要引入外层其他目录的组件，需要编写很长一段相对路径。 在vite.config.js里配置，为 /src配置别名@，为 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from "path"; // https://vitejs.dev/config/ export default defineConf
    发布于 1年前 阅读数 2293
    励志猿
    in
    iconfont

    vue3 引入阿里图标

    引入阿里图标 下载图标代码 将解压包放在asset下 我们只需要一下几个文件即可： ├── font ├── iconfont.css ├── iconfont.json （font-class用法） ├── iconfont.js （symbol用法） ├── iconfont.ttf ├── iconfont.woff └── iconfont.woff2 unicode 格式 全局引入图标 在main.js里引入图标样式 import './assets/font/iconfont.c
    发布于 1年前 阅读数 825
    励志猿
    in
    Vue.js,element-ui

    ele-plus按需、主题配置

    安装 npm install element-plus --save 引入 全局引入 在main.js中配置： ... import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' const app = createApp(App) app.use(ElementPlus) app.mount('#app') 按需引入 首先你需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件。 npm
    发布于 1年前 阅读数 1307