流浪のwolf

卷帝

导航

2022年10月17日

什么人惹不起 ?

摘要: 第一:从山里出来的不能惹,说不定是个高人。 第二:姓叶的人也不能惹,说不定是豪门富少。 第三:农民最好不要惹,有可能是个神医。 第四:保安更不能惹,有可能是个兵王杀手之王。 第五:老师也不能惹,可能是低调的各种牛逼人物。 第六:千万别惹学生,可能是重生的流弊人物或者是奇遇的异能者,修仙者。 第七:最 阅读全文

posted @ 2022-10-17 20:28 流浪のwolf 阅读(67) 评论(1) 推荐(1) 编辑

vue 的生命周期

摘要: 生命周期有 4 个阶段 :创建阶段 挂载阶段 更新阶段 销毁阶段,每个阶段 2 个钩子函数 ; 创建阶段 beforecreate 创建一个空的vue实列对象,此时data和methods的数据没有初始化,都是undefined ; created data 和 methods 的数据已经初始化,常 阅读全文

posted @ 2022-10-17 20:17 流浪のwolf 阅读(14) 评论(0) 推荐(0) 编辑

Vue 组件如何进行传值的?

摘要: 1 父子传值 在子组件标签设置属性,在子组件内使用 props 接收属性值 ; 2. 子父传值 在子组件中使用 emit 自定义事件,在子组件标签注册自定义事件 ,接收参数 ; 3. vuex 状态管理工具 任何组件都可以获取状态,比如state 的数据,或者触发行为,比如mutation的方法 ; 阅读全文

posted @ 2022-10-17 19:55 流浪のwolf 阅读(22) 评论(0) 推荐(0) 编辑

vuex是什么

摘要: Vuex是vue框架中状态管理工具 ; 状态管理就是全局的状态工具,如何组件都可以获取状态(state)或者触发行为(mutations) ; 好处:存储 token,单页应用中,组件之间的数据状态。可以做状态管理、采用localstorage保存信息、数据一直存储在用户的客户端中 ; 使用场景:( 阅读全文

posted @ 2022-10-17 19:22 流浪のwolf 阅读(22) 评论(0) 推荐(0) 编辑

vue 的响应式原理

摘要: 首先,遍历data的数据,通过 Obejct.defineProperty 定义数据,给数据加上 geter 和 setter 函数,获取数据触发 getter函数, 修改数据时触发 setter函数,在 setter 函数更新视图 dom ,从而实现数据的响应式 ; 阅读全文

posted @ 2022-10-17 19:10 流浪のwolf 阅读(18) 评论(0) 推荐(0) 编辑

查看回复评论的时候,评论不变化

摘要: eg :打开回复 再打开: 但是显示的还是上一个评论回复的内容,因为复用组件的时候,第一个回复的组件没有销毁 , 解决方法,加上 v-if 判断,隐藏popup的时候 v-if 会自动销毁和创建 ; 阅读全文

posted @ 2022-10-17 17:31 流浪のwolf 阅读(19) 评论(0) 推荐(0) 编辑

使用 ref 获取另外组件的数据

摘要: 阅读全文

posted @ 2022-10-17 11:50 流浪のwolf 阅读(14) 评论(0) 推荐(0) 编辑

复用对评论和对文章回复的弹层 popup- vant2

摘要: 基本样式: ps:当message 即输入的内容的长度为 0 的时候,按钮禁止使用 ; <template> <div class="comment-post"> <van-field class="post-field" v-model="message" rows="2" autosize ty 阅读全文

posted @ 2022-10-17 11:07 流浪のwolf 阅读(126) 评论(0) 推荐(0) 编辑

评论内容组件

摘要: 基本样式 : <template> <van-cell class="comment-item"> <van-image slot="icon" class="avatar" round fit="cover" src="https://img.yzcdn.cn/vant/cat.jpeg" /> 阅读全文

posted @ 2022-10-17 10:37 流浪のwolf 阅读(41) 评论(0) 推荐(0) 编辑