nvvm
文章平均质量分 70
记录mvvm相关框架的笔记, 如 vue
了 义
一个前端的视角看世界
展开
-
Vue 拖拽功能 之 自定义指令实现元素拖拽功能
拖拽功能主要操作的是真实的DOM元素以及鼠标事件,在vue中使用自定义指令最合适不过了。 当然使用组件封装起来,然后拖拽这个组件,也是可以实现相同的效果,不过我觉得这样有点大材小用,也缺乏灵活性,好处是可以传入更多的控制属性。总之,在组件与指令之间找到平衡点,自有取舍。...原创 2022-07-27 20:20:10 · 5989 阅读 · 1 评论 -
vue 子组件中修改传入的 props 问题
vue 的开发中会遇到在子组件中修改传入的 props 数据, 而单向数据流的思想下 props 数据是不应该被直接修改的.我觉得主要有两种常用方式, 一是吧props 数据转存到 data 中修改操作, 另一个是在子组件中更新父组件中的数据。原创 2022-12-30 18:29:07 · 3363 阅读 · 0 评论 -
vue 图片引入的各种方式
在vue中图片使用主要分为两类:动态变量的方式 和 直接引入的方式原创 2022-08-03 14:43:32 · 609 阅读 · 0 评论 -
带你体验Vue2和Vue3开发组件有什么区别
https://v3.cn.vuejs.org/guide/migration/introduction.html创建应用实例的方法<div id="app"> {{ message }} </div>Vue2 中使用 new Vue(…).$mount(…)data 可以是对象 也可以是 函数返回对象new Vue({ el: '#app', data: { message: 'Hello Vue!' }})或者 手动挂载var app =原创 2021-08-08 14:16:06 · 241 阅读 · 0 评论 -
前端页面间传参
如今前后端分离的情况下, 前端经常会用到页面间传参, 到底如何传参更加优雅一直值得思考.原创 2022-12-30 18:20:44 · 382 阅读 · 0 评论 -
setup pinia 使用指南
defineStore 用来定义定义 Store, 第一个参数为 Store 的id, 用于区分不同模块state 定义数据,相当于vue中的data, 为了完整类型推理,推荐使用箭头函数;getters 对 state中数据进行计算处理, 相当于vue中的 computedaction 相当于vue中的 method, 可以写同步和异步方法原创 2023-07-21 17:51:36 · 641 阅读 · 0 评论