随笔分类 - vue
前端js框架的一种，跟angular同级别，更加倾向于MVVM思想
摘要：历史问题 这不是 Ts 的问题，而是 Vue 宏 defineProps 局限性， interface IProps { name: { type: String, default: "zhangsan" } } // IProps 只能在当前（vue）文件中定义，不支持从外部导入 const pr
阅读全文
摘要：Composition API Composition API 将是 Vue 3 的核心功能，它具有许多更改和性能改进。 我们也可以在 Vue 2 中通过 npm 插件@vue/composition-api 使用它。 安装 yarn add @vue/composition-api 之后，在入口文
阅读全文
摘要：vue3 父元素 <template> <div class="app"> <some-modal v-model:visible="modalVisible" /> </div> </template> <script setup> import { ref } from "vue"; impor
阅读全文
摘要：前言 在开发vue项目的过程中，像 ref、react等常用的api总是频繁导入，有点麻烦。 发现github上有一个不错的开源工具unplugin-auto-import，可以借助它 让所需自动导入。 安装和配置 项目中安装依赖 yarn add --dev unplugin-auto-impor
阅读全文
摘要：前言 vue是一款mvvm前端框架，其vm的双向绑定特性很是让人津津乐道。 Vue.js中的双向数据绑定指的是将视图（View）与模型（Model）之间建立起自动同步关系。 当用户在界面上修改了输入值时，对应的数据会被更新； 反过来，如果后台数据发生变化，也能及时地反映到前端页面上。 我们也都知道其
阅读全文
摘要：vuepress-theme-sidebar  vuepress-theme-sidebar 一款用于vuepress2.x的自动生成导航栏的主题。
阅读全文
摘要：pont-engine 是一款阿里的api生成工具！ 安装依赖即可 yarn add --dev pont-engine 然后即可使用 pont start 生成之后，在入口文件导入生成的index即可，一般是 import '@/services' 问题1 注意 生成的配置文件pont-confi
阅读全文
摘要：自从引入组合式 API 的概念以来，一个主要的未解决的问题就是 ref 和响应式对象到底用哪个。 响应式对象存在解构丢失响应性的问题，而 ref 需要到处使用 .value 则感觉很繁琐，并且在没有类型系统的帮助时很容易漏掉 .value 写法优化 以上是官方原话。大概就是新的语法糖 可以让我们更方
阅读全文
摘要：前言 相对来说 有些时候用jsx更合适，更灵活些 安装依赖 有对应的包支持 yarn add --dev @vitejs/plugin-vue-jsx 配置插件 在vite.config.js import { defineConfig } from "vite"; import vue from
阅读全文
摘要：方式1-使用import.meta.glob 同webpack的 require.context一样，这个是vite提供的一个方法 import { createApp, defineAsyncComponent } from 'vue' const app = createApp(App); ap
阅读全文
摘要：最近在一篇文章上看见了关于Flow的介绍，觉得它很不错，虽然之前在项目中使用Typescript已经很顺手了，再使用Flow感觉有点累赘了，但多学点总是没错的。 javascript是一门弱类型语言，所谓，弱类型语言，就是一个变更既可以被赋值 字符串，数字，又可被赋值 对象，数组，函数等，弱类型的好
阅读全文
摘要：我们知道，常规用 Vue/React 开发的是 SPA 应用。 但是天然的单页面应用 SEO 就是不好。 虽然说现在也有各种技术可以改善了，比如使用服务端渲染、静态页面生成，不过也存在各种缺点。 但是即使这样，也抵不住 Vue/React 这类框架的潮流。 也有很多产品也可以通过其他亮点而不依赖 S
阅读全文
摘要：两个地方可以配置 方法一：修改packge.json启动命令参数 "scripts": { "serve": "vue-cli-service serve examples/index.js" } 方法二：通过vue.config.js修改入口文件 module.exports = { // 修改
阅读全文
摘要：<template> <a-upload v-model:file-list="fileList" name="avatar" list-type="picture-card" class="avatar-uploader" :show-upload-list="false" :before-upl
阅读全文
摘要：前言 以表单为主的页面（中后台）编写起来很是苦恼，涉及到大量表单状态维护和校验。 方案 但是这里有两个表单生成插件 start最多的： vue：http://www.form-create.com react：https://xrender.fun 教程 xrender https://blog.c
阅读全文
摘要：前言 最简单理解composables的方式 就是将其视为vue版的自定义hooks 来个demo 比如 页面初始化的时候 我需要请求接口 获取数据 并回填至表单 以前的做法 src/pages/index.vue <script setup lang="ts"> import { ref, onB
阅读全文
摘要：安装 yarn add prismjs 基本使用 <template> <code v-html="Prism.highlight(myJsonStr, Prism.languages.js);" /> </template> <script setup> import Prism from 'pr
阅读全文
摘要：配置文件 在项目根目录创建两个配置文件 // .env 文件 VITE_PUBLIC_PATH=/demo/ // .env.development 文件 VITE_PUBLIC_PATH=/ VITE_PROXY=https://dingshaohua.cn node使用环境变量 vite使用配置
阅读全文
摘要：vite+vue3/react使用 1.通过 npm 安装 Tailwind npm install -D tailwindcss postcss autoprefixer 2.创建您的配置文件 npx tailwindcss init -p 这将会在您的工程根目录创建一个最小的 tailwind.
阅读全文
摘要：vuepress-plugin-anchor-right 简体中文 | English vuepress-plugin-anchor-right一款用于vuepress2.x的插件。 用于生成右侧导航目录锚点的功能！ 🔨 使用 npm地址、github地址 先安装 npm install -d v
阅读全文
