是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。
摘要：1、简介 父组件通过v-bind绑定一个数据，然后子组件通过defineProps接受传过来的值， 2、代码示例 1）给Menu组件 传递了一个title 字符串类型是不需要v-bind <template> <div class="layout"> <Menu title="我是标题"></Men
阅读全文
摘要：前端在向服务器请求资源的时候，服务器的响应状态为404，导致页面打不开，再次刷新时页面能打开，不知为何原因 注意：并没有实践 相关资料： 方案一 方案二 搜索 复制
阅读全文
摘要：相关资料： vue3中文文档 Vue3 教程 | 菜鸟教程 搜索 复制
阅读全文
摘要：相关资料： Vue.js devtools插件使用说明 搜索 复制
阅读全文
摘要：前言：vue-router的切换不同于传统的页面的切换。路由之间的切换，其实就是组件之间的切换，不是真正的页面切换。这也会导致一个问题，就是引用相同组件的时候，会导致该组件无法更新，也就是我们口中的页面无法更新的问题了。 一、问题呈现 <!-- App.vue根组件代码 --> <template>
阅读全文
摘要：描述 点击父组件《立即购买》按钮，弹窗显示企业列表，点击弹窗的《关闭》按钮关闭弹窗 知识点 计算属性，set，get,父子组件通信， 子组件 <template> <div class="select-en-container"> <el-dialog title="title" :visible.
阅读全文
摘要：1. props单向绑定 vue中的props是单向绑定的，⽗组件的属性变化时会传递给⼦组件，⼦组件内部不应改变props的值，否则控制台会给出警告。但如果props的类型为数组或者对象时，在⼦组件内部改变props的值控制台不会警告。因为数组或对象是地址引⽤，vue不会检测到props发⽣改变。所
阅读全文
摘要：scoped 修饰的style只给当前组件内的元素使用 本质： 1.给当前组件中的所有元素，添加一个随机的属性 2.给当前组件中的所有元素的样式添加一个对应的随机属性选择器 描述： 场景：按照设计图，修改select选择器的样式 设计图效果 html <el-select class="el-sel
阅读全文
摘要：一、报错信息 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or
阅读全文
摘要：场景： 1、根据管理端设置动态显示tab切换项 2、当只有一个tab项目时隐藏所有tab切换项 官网例子（仅仅是一个例子，为了方便阐述问题） <el-tabs v-model="editableTabsValue" type="card" editable @edit="handleTabsEdit
阅读全文
摘要：使用场景： 几个页面有相同的布局 在子组件筛选的时候触发父组件中的列表数据 父组件：father.vue <sun ref="select" @handleselectdata="handleselectdata"></sun> js handleselectdata(){ alert(1); },
阅读全文
摘要：一、vue项目目录图 二、npm run dev 运行图 资料：vue-cli webpack项目npm run dev启动过程 三、webpack常用配置解析 1、entry（入口对象是用于 webpack 查找开始构建 bundle 的地方） 2、output（打包后的文件信息） 3、devto
阅读全文
摘要：简答一句话，就是转化器 相关资料 vue中配置babel-polyfill
阅读全文
摘要：一、准备工作 1、vue-i18n 1.仓库地址 2.兼容性：支持 Vue.js 2.x 以上版本 1-1.安装依赖vue-i18n (c)npm install vue-i18n 1-2.使用 在 main.js 中引入 vue-i18n import Vue from "vue"; import
阅读全文
摘要：认真看下下面的文章，就基本了解了sass 的用法 一、CSS,Sass,SCSS之间有什么关系 Sass 是一个 CSS 预处理器。 SCSS是Sass的一种语法格式，后缀名为.scss <style lang="scss"> .main{ .title{ } } </style> 相关链接 sas
阅读全文
摘要：不可否定的是，vue现在火。 但是在实际项目中，特别是像一下交互网站，我们不可避免会考虑到的是seo问题，这直接关系到我们网站的排名，很多人说用vue搭建的网站不能做优化，那我们真的要放弃vue，放弃前后端分离开发么？ 首先，可以肯定的是前后端分离不利于SEO，为什么呢？ 1.搜索引擎的基础爬虫的原
阅读全文
摘要：一、定义一个局部转化时间的过滤器 filters: { formatDate(time) { var formatDate = function (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getF
阅读全文
摘要：<el-upload class="upload-demo" ref="paymentUpload" :action="uploadUrl" :on-preview="handlePictureCardPreview" :on-remove="handleRemove" :file-list="or
阅读全文
摘要：最近接触到elementUI的上传组件，一路顺畅，就是在上传之后总是发现有闪动的现象，博主对其进行深入研究后发现，其闪动原因，是因为使用的file-list并不会自动添加上传了的图片，而需要由我们来人工来添加，而添加则必须使用on-success事件中自带的参数去做赋值操作 闪动问题复现 可以非常明
阅读全文
摘要：大意： 父组件控制子组件Dialog 对话框的显隐 错误demo: 父组件： <template> <div class="app-container "> <my-sun-component :is-show="isShow"></my-sun-component> <el-button type
阅读全文
