随笔分类 - vue

vue 通过 provide 和 inject 实现组件，父子组件之间传值

摘要：传参接收阅读全文

posted @ 2021-04-18 17:53 13522679763-任国强阅读(109) 评论(0) 推荐(0)

vue-路由相关

摘要：import Vue from 'vue'import Router from 'vue-router'import Home from './views/Home.vue'import Custom from './views/Custom'import System from './views/ 阅读全文

posted @ 2021-03-31 13:39 13522679763-任国强阅读(68) 评论(0) 推荐(0)

vue.config.js 配置相关

摘要：根目录创建 vue.config.js module.exports = { //Process.env.NODE_ENV : 环境变量中存储的是开发环境还是生产环境// publicPath: Process.env.NODE_ENV 'production' ? 'www' : '/',/ 阅读全文

posted @ 2021-03-16 14:09 13522679763-任国强阅读(170) 评论(0) 推荐(0)

vue cteate 创建项目

摘要：安装 npm install @vue/cli@3.12 -g vue --version // 查看版本 // 创建工程化的项目 vue cteate 项目名称 vue create demo-1 default || Manually select features // 默认和自己安装 1 阅读全文

posted @ 2021-03-16 14:08 13522679763-任国强阅读(184) 评论(0) 推荐(0)

vue -轮播图

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-03-03 11:28 13522679763-任国强阅读(120) 评论(0) 推荐(0)

组件传值基于 eventbus

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-03-02 13:38 13522679763-任国强阅读(128) 评论(0) 推荐(0)

商品分类筛选实现

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-03-01 15:59 13522679763-任国强阅读(268) 评论(0) 推荐(0)

生命周期函数

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-03-01 14:25 13522679763-任国强阅读(90) 评论(0) 推荐(0)

购物车计数实现

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-03-01 13:57 13522679763-任国强阅读(101) 评论(0) 推荐(0)

vue-选项卡案例->动态获取数据

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-03-01 11:37 13522679763-任国强阅读(403) 评论(0) 推荐(0)

vue-事件委托-》实现选项卡案例

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-03-01 11:09 13522679763-任国强阅读(311) 评论(0) 推荐(0)

从零实现Vue高级树形组件

摘要：https://www.bilibili.com/video/BV1k4411C77X 阅读全文

posted @ 2021-03-01 10:59 13522679763-任国强阅读(117) 评论(0) 推荐(0)

vue-选项卡案例

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-03-01 10:57 13522679763-任国强阅读(96) 评论(0) 推荐(0)

对象处理动态样式和数组方式控制样式类

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-03-01 10:08 13522679763-任国强阅读(139) 评论(0) 推荐(0)

watch -实现-全选、非全选 (尽量不使用watch ,使用computed)

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-03-01 09:47 13522679763-任国强阅读(126) 评论(0) 推荐(0)

computed-实现-全选、非全选

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-03-01 09:13 13522679763-任国强阅读(122) 评论(0) 推荐(0)

computed计算属性

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-02-26 17:04 13522679763-任国强阅读(60) 评论(0) 推荐(0)

filter过滤器

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-02-26 16:22 13522679763-任国强阅读(54) 评论(0) 推荐(0)

vue 表单元素操作单选与多选

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-02-26 15:21 13522679763-任国强阅读(248) 评论(0) 推荐(0)

vue 图片懒加载

摘要："vue-lazyload": "^1.3.3", import VueLazyload from "vue-lazyload"; Vue.use(VueLazyload, { loading: require("assets/image/default.png") }); 阅读全文

posted @ 2021-02-16 23:01 13522679763-任国强阅读(95) 评论(0) 推荐(0)