学无止境

【Vue3】Vite创建工程适配低版浏览器

【Vue】防止用户篡改浏览器网页信息

【VUE】yarn安装提示： Error: certificate has expired

【VUE】解决elementui使用el-dialog首次打开百度地图空白问题

【VUE】elementui在h5app中如何上传图片仅使用拍照，而不是通过手机相册或文件夹

【VUE】解决el-dialog的内容不在前面显示问题

【VUE】prettierrc文件配置

【Vue3】实战双端招聘APP

【问题】git --no-replace-objects ls-remote ssh://git@github.com/nhn/raphael.git

【问题】Error: error:0308010C:digital envelope routines::unsupported

【Vue】本地图片展示的六种解决方案

【Vue】lottie的使用

【Vue】问题：Error: Command failed: C:\windows\system32\cmd.exe /s /c "autoreconf -ivf"

【Vue】问题：TypeError: vite.createFilter is not a function

【Vue】问题：::v-deep usage as a combinator has been deprecated. Use :deep()

【Vue】问题：解决苹果手机点击输入框页面自动放大问题

【Vue3】图标处理方案SvgIcon

【Vue】问题：vue-cli-service serve --open自动打开浏览器跳转到http://0.0.0.0:8080

【Vue2】VantUI项目-基础入门03

【Vue2】VantUI项目-基础入门02

【Vue2】VantUI项目-基础入门01

【Vue3】配置全量less参数

【Vue】问题：'defineProps' is not defined no-undef

【Vue】问题：TypeScript intellisense is disabled on template

标准化大厂编程规范解决方案

1、定义Store在进入核心概念之前，我们需要知道Store是使用defineStore()定义的，并且它需要一个唯一的名称，作为第一个参数传递：import { defineStore } from 'pinia'// useStore could be anything like useUser, useCart// the first argument is a unique id of the store across your applicationexport const useSt

1、介绍Pinia 最初是在2019年11月左右使用Composition API重新设计Vue Store。从那时起，最初的原则仍然相同，但Pinia同时适用于Vue 2和Vue 3，并且不要求您使用Composition API。除了安装和SSR之外，两者的API都是相同的，这些文档针对Vue 3，并在必要时提供有关Vue 2的注释，以便Vue 2和Vue 3的用户都可以阅读！1.1 为什么要使用 Pinia？Pinia是Vue的一个Store库，它允许您跨组件/页面共享状态。如果您熟悉Compo

英文使用说明地址https://championswimmer.in/vuex-module-decorators/1、安装npm install vuex-module-decorators# oryarn add vuex-module-decorators2、概述2.1 功能这个库可以使用下面方式编写 vuex 模块// eg. /app/store/posts.tsimport { VuexModule, Module, Mutation, Action } from 'vuex

这个库完全依赖于vue-class-component，所以在使用这个库之前请阅读它的 README。1、安装npm i -S vue-property-decorator2、用法有几个装饰器和 1 个函数（Mixin）：@Prop@PropSync@Model@ModelSync@Watch@Provide@Inject@ProvideReactive@InjectReactive@Emit@Ref@VModel@Component (由 vue-class-comp

vue2版本https://cdn.jsdelivr.net/npm/vuevue3版本https://cdn.jsdelivr.net/npm/vue@next可以指定版本号，例如https://cdn.jsdelivr.net/npm/vue@3.2.26使用开发版本，加入dist/vue.global.js，例如https://cdn.jsdelivr.net/npm/vue@3.2.26/dist/vue.global.js...

一、什么是服务器端渲染？server side render 前端页面的产生是由服务器端生成的，我们就称之为服务端渲染1.1 新建server文件夹server1.2 生成一个node项目npm init -y1.3 安装expressexpress 官方文档npm install express --save1.4 服务端渲染小案例app.jsconst express = require('express')const app = express()const po

使用npm i wangeditor // 引用wangeditor第三方编辑器import STEditor from '@/components/STEditor'export default { components: { STEditor }, data(){ return{ content: "我是编辑器" } }, methods: { handle(e){ console.log(e) } }}<STEditor

使用import STButton from '@/components/STButton'<STButton>我是默认</STButton><STButton type="primary" size="large">我是主要</STButton><STButton type="danger" size="small" @click="handle">我是危险</STButton>效果代码<template&g

一、整体目标 了解组件开发的整体流程 掌握组件事件和标签事件的区别 掌握在组件上使用v-model的方式二、Button组件开发2.1 确定组件API属性属性名说明类型默认值type设置按钮类型，可选值为 primary danger 或者不设Stringdefaultsize设置按钮大小，可选值为 small large 或者不设Stringdefault事件事件名称说明回调参数click按钮点击事件(even

vue原理进阶一、整体目标 了解Object.defineProperty实现响应式 了解指令编译的基础原理 清楚observe/watcher/dep具体指的是什么 了解发布订阅模式以及其解决的具体问题二、数据响应式2.1 响应式是什么一旦数据发生变化，我们可以立刻知道，并且做一些你想完成的事情，这些事情包括但不限于以下：发送一个网络请求打印一段文字操作一个dom…2.2 如何实现数据响应式在Javascript里实现数据响应式一般有俩种方案，分别对应着vue2.

问题操作进入/etc文件夹，修改hosts文件，添加127.0.0.1 www.szlsay.com打开浏览器，打开 www.szlsay.com:8080，界面显示Invalid Host header问题原因新版webpack-dev-server出于安全考虑，默认检查hostname，若是hostname 没有配置在内的，将中断访问。解决方法在vue.config.js中配置下面，配置完成重启工程module.exports = { devServer: { disabl

问题内容./node_modules/screenfull/index.js 55:42Module parse failed: Unexpected token (55:42)You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

问题原因当数据还没有返回时，就不会渲染。只有数据返回回来时，才会进行渲染问题解决在渲染数据位置添加上v-if举例 <div v-if="Object.keys(goods).length !== 0" class="base-info"> <div class="info-title">{{ goods.title }}</div> </div>...

在vue.config.js中配置const path = require('path');//引入path模块function resolve(dir){ return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径}module.exports={ chainWebpack:(config)=>{ config.resolve.alias //set第一个参数：设置的别名，第二个参数

十. vuejs原理相关