随笔分类 -  vue

1 2 3 下一页

是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。
【vue3】父子组件通信之 vue3 defineProps,defineEmits ,defineExpose
摘要:1、简介 父组件通过v-bind绑定一个数据,然后子组件通过defineProps接受传过来的值, 2、代码示例 1)给Menu组件 传递了一个title 字符串类型是不需要v-bind <template> <div class="layout"> <Menu title="我是标题"></Men 阅读全文

posted @ 2023-02-08 16:36 smile轉角 阅读(2455) 评论(0) 推荐(0) 编辑

【vue】 Failed to load resource: the server responded with a status of 404 (Not Found)
摘要:前端在向服务器请求资源的时候,服务器的响应状态为404,导致页面打不开,再次刷新时页面能打开,不知为何原因 注意:并没有实践 相关资料: 方案一 方案二 搜索 复制 阅读全文

posted @ 2022-11-18 15:54 smile轉角 阅读(1684) 评论(0) 推荐(0) 编辑

【vue3】资料
摘要:相关资料: vue3中文文档 Vue3 教程 | 菜鸟教程 搜索 复制 阅读全文

posted @ 2022-09-07 16:27 smile轉角 阅读(8) 评论(0) 推荐(0) 编辑

【vue】 vue-devtoos 工具
摘要:相关资料: Vue.js devtools插件使用说明 搜索 复制 阅读全文

posted @ 2022-07-19 15:56 smile轉角 阅读(38) 评论(0) 推荐(0) 编辑

【vue】解决路由切换,页面不更新的实用方法(摘抄)
摘要:前言:vue-router的切换不同于传统的页面的切换。路由之间的切换,其实就是组件之间的切换,不是真正的页面切换。这也会导致一个问题,就是引用相同组件的时候,会导致该组件无法更新,也就是我们口中的页面无法更新的问题了。 一、问题呈现 <!-- App.vue根组件代码 --> <template> 阅读全文

posted @ 2022-07-04 16:25 smile轉角 阅读(6236) 评论(0) 推荐(0) 编辑

【vue】将el-dialog 封装为一个组件2
摘要:描述 点击父组件《立即购买》按钮,弹窗显示企业列表,点击弹窗的《关闭》按钮关闭弹窗 知识点 计算属性,set,get,父子组件通信, 子组件 <template> <div class="select-en-container"> <el-dialog title="title" :visible. 阅读全文

posted @ 2022-07-01 11:26 smile轉角 阅读(401) 评论(0) 推荐(0) 编辑

【vue】vue常见问题及踩坑
摘要:1. props单向绑定 vue中的props是单向绑定的,⽗组件的属性变化时会传递给⼦组件,⼦组件内部不应改变props的值,否则控制台会给出警告。但如果props的类型为数组或者对象时,在⼦组件内部改变props的值控制台不会警告。因为数组或对象是地址引⽤,vue不会检测到props发⽣改变。所 阅读全文

posted @ 2022-06-28 11:24 smile轉角 阅读(296) 评论(0) 推荐(1) 编辑

【css】vue项目深度作用选择器(scoped)
摘要:scoped 修饰的style只给当前组件内的元素使用 本质: 1.给当前组件中的所有元素,添加一个随机的属性 2.给当前组件中的所有元素的样式添加一个对应的随机属性选择器 描述: 场景:按照设计图,修改select选择器的样式 设计图效果 html <el-select class="el-sel 阅读全文

posted @ 2022-05-18 13:40 smile轉角 阅读(838) 评论(0) 推荐(0) 编辑

【vue】将el-dialog 封装成一个组件报错
摘要:一、报错信息 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or 阅读全文

posted @ 2022-04-24 17:14 smile轉角 阅读(872) 评论(0) 推荐(0) 编辑

【vue】Tabs 标签页使用过程中遇到的问题
摘要:场景: 1、根据管理端设置动态显示tab切换项 2、当只有一个tab项目时隐藏所有tab切换项 官网例子(仅仅是一个例子,为了方便阐述问题) <el-tabs v-model="editableTabsValue" type="card" editable @edit="handleTabsEdit 阅读全文

posted @ 2022-04-22 16:59 smile轉角 阅读(2013) 评论(0) 推荐(0) 编辑

【vue】父子组件之间通信
摘要:使用场景: 几个页面有相同的布局 在子组件筛选的时候触发父组件中的列表数据 父组件:father.vue <sun ref="select" @handleselectdata="handleselectdata"></sun> js handleselectdata(){ alert(1); }, 阅读全文

posted @ 2022-04-18 15:40 smile轉角 阅读(29) 评论(0) 推荐(0) 编辑

【vue】npm run dev 执行了什么
摘要:一、vue项目目录图 二、npm run dev 运行图 资料:vue-cli webpack项目npm run dev启动过程 三、webpack常用配置解析 1、entry(入口对象是用于 webpack 查找开始构建 bundle 的地方) 2、output(打包后的文件信息) 3、devto 阅读全文

posted @ 2022-04-01 13:44 smile轉角 阅读(771) 评论(0) 推荐(1) 编辑

【vue】必不可少的配置babel-polyfill
摘要:简答一句话,就是转化器 相关资料 vue中配置babel-polyfill 阅读全文

posted @ 2022-03-29 16:49 smile轉角 阅读(419) 评论(0) 推荐(0) 编辑

【vue】中英文切换(使用 vue-i18n )
摘要:一、准备工作 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 阅读全文

posted @ 2022-03-29 15:33 smile轉角 阅读(963) 评论(0) 推荐(0) 编辑

【vue】SCSS基本使用
摘要:认真看下下面的文章,就基本了解了sass 的用法 一、CSS,Sass,SCSS之间有什么关系 Sass 是一个 CSS 预处理器。 SCSS是Sass的一种语法格式,后缀名为.scss <style lang="scss"> .main{ .title{ } } </style> 相关链接 sas 阅读全文

posted @ 2022-03-16 11:11 smile轉角 阅读(331) 评论(0) 推荐(0) 编辑

【vue】关于vue项目的seo问题(摘抄)
摘要:不可否定的是,vue现在火。 但是在实际项目中,特别是像一下交互网站,我们不可避免会考虑到的是seo问题,这直接关系到我们网站的排名,很多人说用vue搭建的网站不能做优化,那我们真的要放弃vue,放弃前后端分离开发么? 首先,可以肯定的是前后端分离不利于SEO,为什么呢? 1.搜索引擎的基础爬虫的原 阅读全文

posted @ 2022-03-03 13:41 smile轉角 阅读(1665) 评论(0) 推荐(0) 编辑

【vue】定义一个局部过滤器的demo
摘要:一、定义一个局部转化时间的过滤器 filters: { formatDate(time) { var formatDate = function (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getF 阅读全文

posted @ 2022-03-03 13:31 smile轉角 阅读(57) 评论(0) 推荐(0) 编辑

【vue】使用el-upload 上传图片,遇到的问题
摘要:<el-upload class="upload-demo" ref="paymentUpload" :action="uploadUrl" :on-preview="handlePictureCardPreview" :on-remove="handleRemove" :file-list="or 阅读全文

posted @ 2020-09-11 17:02 smile轉角 阅读(8143) 评论(2) 推荐(0) 编辑

【vue】饿了么UI组件库中,Upload组件上传闪动的解决(摘抄)
摘要:最近接触到elementUI的上传组件,一路顺畅,就是在上传之后总是发现有闪动的现象,博主对其进行深入研究后发现,其闪动原因,是因为使用的file-list并不会自动添加上传了的图片,而需要由我们来人工来添加,而添加则必须使用on-success事件中自带的参数去做赋值操作 闪动问题复现 可以非常明 阅读全文

posted @ 2020-09-11 17:01 smile轉角 阅读(2470) 评论(1) 推荐(0) 编辑

【vue】父子组件通信遇到的错误信息
摘要:大意: 父组件控制子组件Dialog 对话框的显隐 错误demo: 父组件: <template> <div class="app-container "> <my-sun-component :is-show="isShow"></my-sun-component> <el-button type 阅读全文

posted @ 2020-09-09 16:45 smile轉角 阅读(430) 评论(0) 推荐(0) 编辑

1 2 3 下一页

导航

统计

点击右上角即可分享
微信分享提示