左不言的博客

使用 yarn 下载的包，我们经常会看到很多依赖报错问题，真是又头疼又难受，因为想使用 yarn，但是这个报错又很难解决

error when starting dev server:Error: Failed to resolve vue/compiler-sfc.@vitejs/plugin-vue requires vue (>=3.2.25) to be present in the dependency tree.

这个报错是说，v-slot 不支持任何修饰符意思是不让你这样写这个 xxx 就是修饰符它只允许你这样写。

vue 如何在 style 标签里使用变量（数据）vue 如何在 代码中使用 style 属性vue 如何在 html 中使用 style 属性

以 JSX 的方式来编写 Vue 代码JSX 如何绑定 emit 如何在 JSX 语法中用 @ 绑定 emit 方法

const data = { flag: true, firstName: "郑", lastName: "义梦"}const computed = { fullName() { if (!data.flag) return "没有名字" return data.firstName + data.lastName }}我们模拟 vue 的 data 和 computed 属性，现在我们需要实现下边功能当 flag 为 true 的时候，设置 firstN

解决问题：当用户输入其他字符的时候自动回退到 oldValue<template> <Input placeholder="用户Id" search enter-button v-model="userId" /></template><script>export default { data() { return { userId: '' } }, watch: { userId(newVa.

众所周知，vue 是一个没有强大后台支撑，纯靠用户使用起飞的框架。现在 vue 是火的一批，在很多优秀的框架成熟的情况下，硬是撑起了前端的半片天。那么，vue 更新日新月异，一个好的项目系统对开发和维护都如虎添翼，后期维护更是不要太爽，那么如何搭建一个健壮的 vue3 项目呢？—— 以下内容不会涉及到 typescript，确实很强大，也有很多优点，我也喷不起，本人用过一段时间，放弃的原因用过的人可能会懂！首先我们现在基本上都是采用 @vue/cli 搭建项目，执行 vue createmy-.

参考链接：https://vue-i18n.intlify.dev/guide/essentials/scope.html#local-scope-2const i18n = createI18n({ locale, default: 'zh-CN', messages: { 'en-US': en, 'zh-CN': cn }})i18n.global.locale = 'en-US'把你创建的 i18n 引入之后，修改 i18n.global.locale

vue-routerconst needLoginRoutes = [ { path: '/', name: 'Home', component: () => import('../views/Home.vue') }, { path: '/home', redirect: '/' }]const routes = [ { path: '/login', name: 'Login', component:.

今天写代码，突然遇到一个问题，我用 iview 的 table 组件<iTable columns="columns" data="data" />columns 里的 render 方法添加了 ref 方法，然后通过 this.$refs.xx 却获取不到说真的，虽然很简单的问题，但是愣是让我想了好久，还是记录下吧。我们是这样写的render(h, data) { h('div', { ref: "divRef" })}this.$refs...

把这里的代码复制到本地执行，看懂这100行代码，你就一定能看懂 vueconst data = { flag: false, firstName: 'Zheng', lastName: 'Yimeng' } const computed = { name() { if (!data.flag) { return '你拿不到' } return data.firstName + ' ' + data.last.

很多同学相信都有过这样的问题。就算一直看别人解释都是半懂不懂的感觉。不是说他们解释的不对，其实原因在于很多人不懂我们在问什么问题！也不知道我们好奇的点在哪里。接下来我用很简单的话语介绍一下。比如有下边这样一个例子<div id='root'> <p>{{shouldShowNum}}</p> <button @click="flag = !flag">change flag</button> <button @c

众所周知，vue3，现在不会暴露 Vue 对象给你用了！那么该如何给 它的每个子组件实例添加公共的方法呢？vue2 添加的方法很简单import Vue from 'vue'Vue.prototype.funcName= function() { ... }vue3 添加公共方法的三种方式第一种：使用 app.config.globalProperties 添加import { createApp } from 'vue'import axios from 'axio..

当我把页面的 vue 模板写在 .html 文件里的时候，html-webpack-plugin 打包 html 文件的时候，会自己先过一遍，然后比如页面中有类似 `xxxxx${xx}`的东西，它就会说xx is undefined!需要在 rule 里用 html-loader 去加载 .html 文件就可以了。{ test: /\.html$/, loader: '...

Vue.config.optionMergeStrategies 是定义一个合并的策略怎么说？其实就是vue的 mixins属性。接收一个数组[ components]，数组里是其他vue的实例。比如你写了这个：Vue.config.optionMergeStrategies.name = function (from, self) { return self.nam...

在你写页面的时候，是不是经常有这样一个苦恼！就是相同的组件，每个页面都要引入，并加入components!应用场景如： 1.全局的 prompt 组件，用来给用户弹出一个提示！ 2. loading 组件，希望调用this.$loading.xxx 就可以显示，而不需要过多的Import引入！其实很简单，只要想一下自己用的UI的框架是怎么办到的，比如ivie...

现在我不推荐这个fis3 ， 新出的fis3 可能有个Bug，忘了版本多少 大家还是选webpack吧/** * Created by meng on 2018-7-16 * 开发环境 dev * 生产环境 prod */fis .media('dev') .match('*.css', { // 压缩css // fis-optimizer-cl...