vue
文章平均质量分 60
KKou.c
这个作者很懒,什么都没留下…
展开
-
vue局部修改elementUI组件样式
全局修改:style样式去掉scoped就可以达到效果,例:<style>/* 导航栏样式更改 */.el-submenu .el-menu-item { background: #1f2d3d !important;}.el-submenu .el-menu-item:hover { background: #001528 !important;}/* 去除导航栏右侧白线 */.el-menu { border-right: 0;}</style>原创 2021-12-24 11:32:49 · 2330 阅读 · 0 评论 -
vue初始项目搭建
vue项目搭建转载 2021-09-30 09:35:55 · 96 阅读 · 0 评论 -
Vue组件间通信(全)
实现组件间通信的方式一共有哪些?props组件自定义事件全局事件总线消息订阅与发布Vuex状态管理一、props适用于:父 ======> 子(最常用)子 ======> 父1、props: 父 ======> 子父组件:直接将数据通过v-bind指令传给子组件<Child :name="name"></Child>子组件:通过props接收父组件传来的数据props : ['name']2、 props: 子 ===原创 2021-09-23 15:46:37 · 117 阅读 · 0 评论 -
Vue实现数据响应式原理
Vue中的数据响应式:我们修改代码(例如修改data中的属性值),不需要我们刷新,页面就重新渲染 ——— 这就是数据响应式。程序猿只需要把属性添加到data中,然后在模板里用==插值语句{{}}或者v-bind:==指令等手段就可以实现该功能...原创 2021-09-03 16:22:43 · 808 阅读 · 0 评论 -
近期工作Vue总结
1. 前端js数据字典获取需要回调,应避免多次获取。解决办法:放入缓存或者提前获取字典通过传参调用字典。2. 接口避免多次调用,一次调用获取所有能用的数据。3. 分页: <el-pagination @size-change="handleSizeChange" // 设置每页条数变化时的函数 @current-change="handleCurrentChange" // 页面变化时的函数 :c原创 2021-07-06 08:04:53 · 71 阅读 · 0 评论 -
Vue_Study2
一、Axios异步通信Axios是一个开源的可以用在浏览器端和Node.JS的异步通信框架, 她的主要作用就是实现AJAX异步通信,它的功能有许多,例如:从浏览器中创建XMLHttpRequests从node.js创建http请求支持Promise API[JS中链式编程]拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF(跨站请求伪造)等Vue.js并不包含AJAX的通信功能,所以为了解决通信问题我们使用Axios。二、Vue生命周期官方文档原创 2021-05-09 23:29:55 · 52 阅读 · 0 评论 -
Vue_组件数据传递
一、父组件向子组件传值一般使用v-bind:指令绑定数据,子组件用props接收。示例如下:父组件:<Child :id="name"></Child>子组件:props : { id: { default : null, type : Object }}二、子组件向父组件传值子组件一般通过$emit方法向父组件传值。示例如下:子组件:<template> <el-button @click="emitToParent">原创 2021-05-31 16:38:02 · 82 阅读 · 0 评论 -
Vue生命周期个人理解
Vue生命周期展示图Vue组件的生命周期主要区分一下beforeCreate,created,beforeMount和mounted这四个,其他的看官方文档应该会很好理解。话不多说,我们直接进入正题。我们先来看一下代码:<template> <view id="button"> <button>点击按钮{{num}}</button> </view></template><script> export原创 2021-08-05 16:35:57 · 132 阅读 · 0 评论 -
Vue_Study
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-04-24 22:16:39 · 118 阅读 · 0 评论