Vue学习之路
关注
分享
扫一扫
文章平均质量分 61
angulaer
这个作者很懒，什么都没留下…
展开
-
el-dropdown-item的点击事件
在vue项目中使用element-ui时，用到了Dropdown组件。需要在子菜单上添加click事件。但是使用@click添加点击事件并没有产生效果，毫无反应。但是官方文档中并没有给出el-dropdown-item的点击事件。在经过多般测试之后，找到解决问题方法若在click后添加native修饰符，则可解决问题。如下所示<el-dropdown> <el-button type="primary"原创 2021-01-03 23:10:25 · 5311 阅读 · 2 评论 -
elemetui组件el-table的表头与表列出现无法对齐状态
最近在搞一个项目的时候，突然遇到一个恶心的小bug使用el-table时候出现表头与表列无法对其的现象最终解决办法//添加.el-table th { display: table-cell !important;}就可以啦原创 2020-11-21 23:55:08 · 593 阅读 · 0 评论 -
vue之父子组件的传值
父子组件传值1.父组件向子组件传值父组件向子组件传值是通过属性的方式 传值，传的值可以是任意类型，甚至可以是父组件的方法或者父组件对象本身。为方便理解可以简单将父组件向子组件传值按以下步骤实现。在父组件中引入子组件；并在components中注册子组件；通过属性向子组件中传值。index.vue为父组件，test.vue为子组件<div> hello <test :father="title" :t="t"></test>原创 2020-09-07 21:23:11 · 1056 阅读 · 23 评论 -
浅谈Vue的生命周期
大家好，我是醉心于前端的angula，目前大四在读，欢迎志同道合的朋友一起交流呐！这次来聊一下vue的生命周期！毫无疑问，想要搞清楚这个，还得尤大大给咱们的图镇楼！！！来吧，展示！可以看到vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作，那么先列出所有的钩子函数，然后慢慢来！beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed生命周期.转载 2020-09-04 21:37:17 · 1133 阅读 · 0 评论 -
vue的两大核心
vue.js的两大核心数据驱动2.组件系统1. 数据驱动，也就是数据的双向绑定Vue 响应式核心就是，getter 的时候会收集依赖，setter 的时候会触发依赖更新vue将遍历data中对象的所有property，并使用 Object.defineProperty 把这些 property 全部转为getter/setter。这些 getter/setter 对用户来说是不可见的，但是在内部它们让 Vue 能够追踪依赖，在 property被访问和修改时通知变更。每原创 2020-09-04 16:35:19 · 3299 阅读 · 0 评论 -
vue中v-for为何要加key？index为何不推荐作为key
在使用vue组件的时候，我们经常会遇到v-for必须要加key值来举个例子进行说明吧！不存在key的情况<!-- * @Author: angula * @Date: 2020-08-07 00:05:05 * @LastEditTime: 2020-08-07 00:17:21 * @FilePath: \Vue\study\test1\key详解.html--><!DOCTYPE html><html lang="zh-CN"><head原创 2020-08-07 00:49:52 · 8183 阅读 · 18 评论 -
Vue打包问题之No module factory available for dependency type: CssDependency
在打包项目时候，突然来个报错查阅了文档之后https://cli.vuejs.org/zh/config/#css-requiremoduleextension因此在项目目录下新建了个vue.config.js文件,添加了以下代码module.exports = { css: { extract: false }};再次进行打包，已经可以成功执行了网上百度了一下，也有人说在编译时更换模式，在脚手架里面进行配置也是可以得进入图形化界面，选择任务选择build–&g原创 2020-06-29 16:44:17 · 976 阅读 · 0 评论 -
Vue实例之购物车实现（2）
实现购物车的页面，完成购物车的基本操作首先实现html代码，将购物车的主体大致构建出来，然后再利用vue进行功能的实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu原创 2020-06-08 00:19:25 · 4210 阅读 · 27 评论 -
利用vue的监听事件实现一个简单购物车
利用vue简单实现购物车的监听主要运用的vue的监听，有兴趣的可以看看实现过程<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>利用vue实现对购物车的监听</title> <script src="../vue.js"><...原创 2020-04-17 22:22:10 · 6349 阅读 · 29 评论