
vue
zmzm666
这个作者很懒,什么都没留下…
展开
-
vue 两个新的生命周期钩子
1、作用:路由组件所独有的两个钩子,用于捕获路由组件的激活状态2、具体名字:activated:路由组件被激活时触发deactivated:路由组件被失活时触发 ( 类似于beforeDeatroy())...原创 2022-03-18 17:21:57 · 709 阅读 · 0 评论 -
vue路由跳转,前进,后退
1、路由跳转2、back:回退 ; forward:前进; go:前进多步原创 2022-03-18 16:57:55 · 1192 阅读 · 0 评论 -
vue-router 路由 图解
1、什么是路由?路由就是一组映射关系(key-value)key为路径,value可能是function(后端路由)或component(前端路由)2、vue-router 的理解 vue的一个插件,专门用来实现SPA应用3、对SPA的理解单页web应用整个应用只有一个完整的页面点击页面中的导航链接不会刷新页面,只会做页面的局部更新数据需要通过ajax请求获取...原创 2022-03-18 16:44:33 · 904 阅读 · 0 评论 -
vuex模块化 和 namespaced
vuex中的store分模块管理,需要在store的index.js中引入各个模块,为了解决不同模块命名冲突的问题,将不同模块的namespaced : true,之后在不同页面中引入getter、actions、mutations时,需要加上所属的模块名1、先创建store文件夹,根据模块划分,需要创建几个js文件(例如:我有两个模块)文件一:count.js文件二:person.js (提前安装 axios和vuex,vuex我安装的事3.1.0版本)npm install ax..原创 2022-03-17 17:27:43 · 444 阅读 · 0 评论 -
vuex中的mapState, mapGetters, mapMutations, mapActions用法
废话不多说,直接上图原创 2022-03-17 14:40:02 · 320 阅读 · 0 评论 -
vuex概念和用法
1、概念:专门在vue中实现集中式状态(数据)管理的一个vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读、写)也是一种组件间通信的方式,且适用于任意组件间通信。2、什么时候使用vuex? 多个组件依赖于同一个状态、来自不同组件的行为需要变更同一状态...原创 2022-03-16 15:03:49 · 2244 阅读 · 0 评论 -
插槽三种用法
1、默认插槽子组件父组件2、具名插槽子组件父组件3、 作用域插槽子组件父组件原创 2022-03-15 16:24:51 · 403 阅读 · 0 评论 -
vue自定义指令(函数式、对象式)
1、函数式指令函数何时会调用?1、之领域元素成功绑定时 2、指令所在的模板被重新解析时2、对象式函数式是对象式的简写,函数式不包含 inserted函数原创 2022-03-10 14:09:30 · 201 阅读 · 0 评论 -
v-pre指令
1、跳过其所在节点的编译过程2、可利用他跳过:没有使用指令语法、没有使用插值语法的节点,会加快编译原创 2022-03-10 11:01:36 · 271 阅读 · 0 评论 -
v-once指令
1、v-once所在节点在初次动态渲染后,就被视为静态内容了2、以后数据的改变不会引起v-once所在结构的更新,可以用于优化性能原创 2022-03-10 10:49:57 · 213 阅读 · 0 评论 -
v-cloak指令
1、本质是一个特殊属性,没有值,Vue实例创建完并接管容器后,会删掉v-cloak属性2、使用css配合v-cloak可以解决网速慢时页面展示出 {{ xxx }}的问题原创 2022-03-10 10:44:54 · 790 阅读 · 0 评论 -
vue过滤器
过滤器:定义:对要显示的数据进行特定格式化后再显示(适用于一些简单逻辑的处理)语法:注册过滤器有两种形式:全局 局部备注:过滤器也可以接受额外参数、多个过滤器也可以串联 并没有改变原本的数据,是产生新的对应的数据...原创 2022-03-09 10:41:42 · 90 阅读 · 0 评论 -
vue watch与computed的对比
vue 计算属性与监听的区别原创 2022-03-08 14:54:41 · 700 阅读 · 0 评论 -
vue计算属性,计算属性简写
1、计算属性1·定义:要用的属性不存在,要通过已有属性计算得来 2·原理:底层借助了Object.defineproperty方法提供的getter和setter 3·get函数什么时候执行?(1)初次读取时会执行一次,(2)当依赖的数据发生改变时会被再次调用 4·优势:与methods实现相比,内部有缓存机制(复用),效率更高,调试方便 5·如果计算属性要被修改,那必须写set函数去响应参数...原创 2022-03-08 14:14:30 · 205 阅读 · 0 评论 -
vue监视属性,深度监视,监视简写
1、vue监视属性·当被监视的属性发生变化时,回调函数handler自动执行·监视的属性必须存在,才能进行监视2、深度监视·watch默认不见时对象内部值得改变,配置deep:true 可以检测对象内部值改变·使用watc时,可以根据数据的具体结构来判断,是否采用深度监视(数据结构只有一层时,不用监视)3、监视简写形式 ·不需要以下两个属性时,可以直接简写//immediate:true,...原创 2022-03-08 11:25:45 · 265 阅读 · 0 评论 -
js 计算精度
var a = 93.5var b = 0.85var c = (a*b).toFixed(2); // 打印出来是 79.47c值原本应该是79.475,四舍五入保存两位小数应该是79.48,结果却是79.47解决办法:Math.ceil((a * b *100).toFixed(2))/100结果打印正确:79.48...原创 2022-02-23 14:51:19 · 343 阅读 · 0 评论 -
elementui多图上传
elementui多图上传 报错:element-ui.common.js:29641 Uncaught TypeError: Cannot set property 'status' of null解决办法:原创 2021-02-01 14:35:03 · 328 阅读 · 0 评论 -
Vue中的插槽使用
Vue插槽,是学习vue中必不可少的一节,当初刚接触vue的时候,对这些掌握的一知半解,特别是作用域插槽一直没明白。后面越来越发现插槽的好用。分享一下插槽的一些知识吧。分一下几点:1、插槽内可以放置什么内容?2、默认插槽3、具名插槽4、作用域插槽一、插槽内容 一句话:插槽内可以是任意内容。 先看一下下面的代码:声明一个child-componen...转载 2019-07-21 18:46:57 · 134 阅读 · 0 评论