随笔分类 -  Vue

Vite Vue3项目eslint配置遇到的问题
摘要：问题一：vite项目无法使用vue/airbnb 创建了一个Vite Vue3 ts项目，eslint配置采用@vue/airbnb，然而eslint却不生效。 module.exports = { extends: [ 'plugin:vue/vue3-essential', '@vue/airb 阅读全文
posted @ 2021-06-24 15:43 Jingge 阅读(8404) 评论(1) 推荐(0)
在项目中接入YApi的mock服务
摘要：通常一个需求过完TD之后，后端提供哪些接口，每个接口返回的字段也就已经确定了， 接下来就是前后端并行的开发。但经常会出现进度不一样的情况，有时候前端开发完了接口还没好，一直等待后端接口的话，会严重影响开发效率，采用mock方式可避免这个问题。 何为Mock？ Mock是一种根据约定规则进行数据模拟的 阅读全文
posted @ 2021-03-08 15:39 Jingge 阅读(3701) 评论(2) 推荐(0)
Vue3是如何变快的
摘要：Vue 3.0 "One Piece" 终于在9月18日正式发布了，新版的Vue中最重要的一些特性有： 性能得到了显著的提升； Composition API； 一个组件可以支持多个根元素； Tree shaking，当一些功能不用的时候就不会打包到最终的代码里； 新的组件：Fragment、Tel 阅读全文
posted @ 2020-10-14 13:26 Jingge 阅读(594) 评论(0) 推荐(0)
VueI18n - 多语言国际化支持插件
摘要：VueI18n介绍 vue i18n是一个vue组件，主要功能是提供国际化多语言的支持。例如项目中打印收费单功能，需要支持中英文打印，使用该组件就很容易的实现，而不必写两份打印单页面。 使用方法 1. 安装 npm install save vue i18n 2. 在vue中引入该组件 3. 创建v 阅读全文
posted @ 2019-11-12 16:58 Jingge 阅读(966) 评论(0) 推荐(0)
深入理解.sync修饰符
摘要：原文地址： "http://www.geeee.top/2019/04/17/vue sync/" 转载请注明出处 .sync修饰符 一个组件上只能定义一个v model，如果其他prop也要实现双向绑定的效果该怎么办呢？ 简单的方法是子组件向父组件发送一个事件，父组件监听该事件，然后更新prop。 阅读全文
posted @ 2019-04-17 17:14 Jingge 阅读(34949) 评论(0) 推荐(7)
深入理解v-model
摘要：原文链接：http://www.geeee.top/2019/04/03/vue v model/ 转载请注明出处 v model v model 是vue的一个语法糖，用于在表单控件或者在组件上创建双向绑定。双向绑定即修改model后界面view会自动更新，如果用户更新了view，model的数据 阅读全文
posted @ 2019-04-17 17:11 Jingge 阅读(3335) 评论(0) 推荐(0)
vuex学习总结
摘要：什么是Vuex？ 官网定义： Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用 集中式 存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 这段话说明vuex有两个特点：集中管理、状态变化可以预测。 在介绍这两个特点之前，先了解下什么是状态，以及为 阅读全文
posted @ 2018-11-12 13:41 Jingge 阅读(175) 评论(0) 推荐(0)