随笔分类 -  vue

vue一些基础
摘要：vue的优势 1.声明式渲染 2.响应式数据绑定 mvvm框架，m：数据层；v:视图层（dom）；vm dom通过监听去渲染视图层，实现了响应式 3.组件化开发 4.virtual DOM 减少dom操作，提升渲染性能 Object.freeze(data) 冻结对象监听，会阻止对象响应的属性变化， 阅读全文
posted @ 2022-08-30 11:33 橘橙夏日 阅读(26) 评论(0) 推荐(0)
vue中使用过渡动画
摘要：使用js类库（velocity） 安装：npm install velocity-animate 在man.js中引入 enter，leave钩子函数中一定要使用done进行回调，否则过渡会立即完成 appera：只有初始渲染的时候才执行动画 它也有钩子函数，before-appera 对列表进行过 阅读全文
posted @ 2022-08-30 11:32 橘橙夏日 阅读(112) 评论(0) 推荐(0)
vue封装组件技巧-透传
摘要：在对一些ui库中的组件进行二次封装的时候，使用vue的透传可以让我们的代码变得更轻量，也让封装的组件更加易用使用 inheritAttrs（默认值true） 当inheritAttrs=true时，对封装的组件添加没有在prop中定义的属性或方法会直接添加到dom上，所以为了实现透传，需要把inhe 阅读全文
posted @ 2022-01-06 17:42 橘橙夏日 阅读(1511) 评论(0) 推荐(0)
vue cli创建项目（我的配置）
摘要：手动安装 1.选择依赖： babel，router，vuesx一般是必选的，cssPre-processors css预编译也是需要选的，linter/Formatter是用于检查的，这里我们也是需要的 2.选择路由模式是history还是hash，如果选hash的话，地址栏里会带#，使用histo 阅读全文
posted @ 2021-11-11 13:50 橘橙夏日 阅读(105) 评论(0) 推荐(0)
vue3.0的变化
摘要：1.速度更快 a.虚拟dom重写 b.优化插槽生成 2.0中如果父组件更改的数据也传递到了子组件，在子组件也会重新渲染，但是3.0可以单独渲染父组件的数据和子组件的数据 c.静态树提升 3.0可以检测到什么是静态的，就会跳过不重新渲染，降低了渲染成本 d.静态属性提升 f.基于Proxy的观察者机制 阅读全文
posted @ 2021-11-10 16:27 橘橙夏日 阅读(64) 评论(0) 推荐(0)
vue基础指令
摘要：1.内嵌指令 v-text：更新文本 v-html：innerHtml v-if：条件判断 v-else v-else-if v-show：条件隐藏 v-for 列表渲染 v-model 数据双向绑定 常用于表单渲染 v-on 绑定事件 v-bind htm标签l特性的绑定，如class id st 阅读全文
posted @ 2021-11-10 15:46 橘橙夏日 阅读(40) 评论(0) 推荐(0)
插槽和动态组件
摘要：插槽 使用场景：父组件想向子组件中传递dom元素的时候 slot：普通插槽，具名插槽 v-solt只能用在template标签上面 默认：v-slot：default 父组件： 子组件： 作用域插槽： 让插槽能访问到只有子组件中才能访问的数据 动态组件 组件缓存：keep-live 在compont 阅读全文
posted @ 2021-11-08 15:03 橘橙夏日 阅读(61) 评论(0) 推荐(0)
组件通信
摘要：组件通信 父组件向子组件通信 1.props v-model 2.$parent 严格意义上，不是值传递，不推荐使用 子组件向父组件通信 1.$emit 2.$children 不推荐使用 注意this.$children是个数组，需要通过下标获取具体的组件 兄弟组件之间的传值 1.bus中央事件总 阅读全文
posted @ 2021-11-08 14:19 橘橙夏日 阅读(79) 评论(0) 推荐(0)
router.replace返回两次的问题
摘要：今天在处理流程跳出的问题上使用了router.replace返回列表页，随后发现回到列表页之后需要点击两次才能返回上一页。 解决方案：在跳转出去的页面添加参数标记当前是replace过去的页面 在全局路由守卫中添加判断（由于当前项目涉及多个流程，都需要判断所以在全局路由守卫中添加判断，也可以在需要判 阅读全文
posted @ 2021-10-29 11:11 橘橙夏日 阅读(613) 评论(0) 推荐(0)