![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
CV键都碎了
真·前端小垃圾,努力混饭的智障
展开
-
Vue更改单列显示颜色
此任务要求表格中其中一列按照不同的内容,显示不同的颜色。原界面:通过添加彩色标签实现不同颜色显示显示结果:实现原理:定义此列的插槽,从新添加样式。<template><div> <a-table ref="table" size="middle" bordered rowKey="id" :columns="columns" :dataSource="d原创 2021-06-03 16:14:45 · 1174 阅读 · 0 评论 -
Vuex模块化
Vuex由于使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时,store 对象就有可能变得相当臃肿。因此,Vuex 允许我们将 store 分割成模块(module),每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块。默认情况下,模块内部的 action、mutation 和 getter 是注册在全局命名空间的,这样使得多个模块能够对同一 mutation 或 action 作出响应。如果希望你的模块具有更高的封装度和复用性,此原创 2021-02-03 17:14:21 · 94 阅读 · 0 评论 -
Vuex辅助函数
在前一章写的程序中调用代码比较繁琐,调用方法:姓名:{{$store.state.username}}。我们可以利用辅助函数简化代码。<template> <div class="about"> <h1>This is an about page</h1> <h1>姓名:{{$store.state.username}}</h1> <h1>年龄:{{$store.state.age}}</原创 2021-02-03 14:50:27 · 85 阅读 · 0 评论 -
Vuex应用状态管理
一个程序中有很多个页面,同时多个页面的很多数据也是共用的,所以我们要把这些共用页面抽离出来。这些数据就是用Vuex来进行管理。原创 2021-02-03 10:38:36 · 63 阅读 · 0 评论 -
Vue 路由
网页根据不同的路径显示不同的内容,此时就需要路由组件。设置好路由后,可以跳转界面。路由的两个模式:history:h5提供的接口,当pushstate修改路径,不会向服务器发送请求,能够像正常路径一样。缺点是服务器需要做处理。hash:除了多个#之外,最大的好处就是不需要服务器做配置。动态路由:...原创 2021-01-28 10:59:58 · 72 阅读 · 0 评论 -
第一个vue-cli程序
首先进入工作空间文件夹,运行初始化命令vue init wabpack demo //demo是项目名之后设置项目信息(项目名,作者……)安装成功后依次运行cd demonpm installnpm run dev程序就已经运行了原创 2021-01-25 10:53:27 · 58 阅读 · 0 评论 -
Ant Design vue 改变表格背景颜色
写这篇文章之前,我已经和经理掰扯半天了。我实现的代码写成文档,复制到他的电脑上没效果。我自己的电脑就可以实现功能。一开始我写的代码也没有效果,但改来改去突然就可以了,写成原来的样子也可以实现了,没研究明白具体为什么。代码提交后也可以实现效果。使用rowClassName属性实现改变行背景颜色:表格属性<a-table :rowClassName="rowClassName">JS代码:methods: { rowClassName(record,index原创 2021-01-18 15:05:53 · 8639 阅读 · 6 评论 -
Vue父组件传值
把子组件的数据传递给父组件<template><div id="app"> <h1>{{username}}欢迎你</h1> <hello-world user="老陈" :brief="brief"></hello-world> //绑定后可以传递变量 <hello-world></hello-world> <hello-world></hello-world></d原创 2021-01-11 15:54:43 · 53 阅读 · 0 评论