vue2.X
文章平均质量分 79
Epoch._
这个作者很懒,什么都没留下…
展开
-
自动化导入路由, 自动化导入Vuex的modules模块化文件
自动化导入路由// webpack中提供一个自动读取文件目录和文件let moduleFn = require.context('./routes', false, /\.js$/)// key方法返回此目录中文件列表,数组let routes = moduleFn.keys().reduce((p, c) => { let m = moduleFn(c).default if (m) { if (Array.isArray(m)) { p = p.concat(m原创 2021-07-03 10:14:18 · 290 阅读 · 0 评论 -
Vuex介绍,参数获取, 异步操作,以及模块化,模块自动导入,命名空间, 辅助函数
VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式,Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享。推荐开发大型单页应用使用, 如果应用够简单不建议使用, 会使项目变得冗余复杂Vuex工作流程有个图:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1Nbl8eUd-1625278223551)(E:\Typora_pic\image-20210701145510384.png)]Vuex管理项目优势能够在原创 2021-07-03 10:11:13 · 230 阅读 · 0 评论 -
前端路由, 导航, 导航守卫, 自定义插件
路由路由概念路由的本质就是一种对应关系, 根据不同的url请求, 返回对应不同的资源; 那么url地址与真实资源之间就有一种对应的关系, 就是路由路由分为: 前端路由 和 后端路由后端路由: 由服务器端进行实现并实现资源映射分发前端路由: 根据不同的事件来显示不同的页面内容, 取事件与事件处理函数之间的关系SPA (Single Page Application), 单页面应用程序,基于前端路由而起: 整个网站只有一个页面, 通过监听地址栏中的变化事件, 来通过Ajax局部更新内容信原创 2021-07-03 09:45:15 · 163 阅读 · 0 评论 -
组件, 组件通信, 插槽
组件介绍组件 ( component ) 是Vue.js 最强大的功能之一, 它是 html ,css ,js 等的一个聚合体分为`全局组件`和`局部组件`组件化特点/优点将一个具备完整功能的项目的一部分分割多处使用 — 代码结构完整清晰,整洁加快项目进度提高代码复用性全局注册 — 用到jsx全局组件注册后, 任何Vue实例都可以使用, 并且不需要单独引入组件内(引入到main.js内)和挂载到 components中全局组件导入到main.js文件时可以利用入口文件,是mai原创 2021-07-03 09:41:29 · 69 阅读 · 0 评论 -
mixin混入,组件生命周期,fetch网络请求,axios的多实例封装
mixin混入作用:代码复用全局给Vue对象配置方法和属性tips:混入Vue中的配置选项不包括el配置混入中的data数据源,只能写data函数,并且在函数中return一个对象 — 保证数据唯一性,如果直接混入数据源,某人调用修改数据源后,会影响其他人或其他位置/时刻的调用全局混入Vue.mixin({created(){}, // 生命周期methods:{},data(){ return { name:‘张三’ } }})局部混入let mixinO原创 2021-07-03 09:39:34 · 325 阅读 · 0 评论 -
vue自定义全局指令, 计算属性computed, 侦听器watch, 过滤器filter
自定义指令内置指令不能满足或者不方便操作时,vue也允许注册自定义指令, 对普通DOM进行底层操作时, 会使用到自定义指令绑定到元素上执行相关操作自定义指令分为 全局指令 和 局部指令 , 同时存在时以局部指令为准(局部优先级高)自定义指令常用的钩子函数: — tip: 自定义指令中不能直接操作vue中的数据和方法,也就是自定义指令中的this不是vue对象bind — 第一次绑定到元素时调用update — 数据更新时调用(指令绑定元素更新时调用,可能在其子元素更新前调用)inserted原创 2021-07-03 09:33:46 · 1436 阅读 · 0 评论 -
vue常用指令, 事件修饰符, 样式绑定_class与style
插值表达式vue使用的是mustache模板引擎插值表达式 – {{ 变量名 }}方式绑定Vue实例中data中的数据变量,会将绑定的数据实时的显示出来支持的写法:{{ }}内支持js表达式,支持三目运算符,方法调用等括起来的区域相当于是一个js语法区域,但是不支持var定义变量,分支语句(if等),不支持循环语句vue中不推荐在 {{}} 内写业务逻辑vue指令作用指令就是vue给html标签提供的一些 自定义属性, 都带有 v- 的前缀,区别于普通属性作用:操作DOM权原创 2021-07-03 09:28:30 · 139 阅读 · 0 评论