
Vue
该专栏用于分享Vue的一些知识点
dream_wk
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
五分钟学会使用vuex
vuex实际例子 五分钟学会使用vuex , vue-router 都是sap(单页面)需要具备有的技术点下面的代码可以直接粘贴使用 里面vuex基本的五大部分都有用上像mapGetters mapState等辅助函数也有使用注意看注释//App.vue 文件<template> <div id="app"> <test-vuex></test-vuex> </div></template><原创 2021-01-02 22:14:27 · 366 阅读 · 0 评论 -
组件实现 v-model 双向数据绑定 (vue 3.0)
在父组件设置modelValue变量 放在 v-model中则在子组件的props属性 会有一个modelValue属性 ,可看下面的子组件console出来的props第二步 在子组件中emit context.emit(‘update:modelValue’, targetValue) <data-m v-model="modelValue"></data-m> {{modelValue}} import DataM from './componen原创 2020-12-26 21:48:38 · 1038 阅读 · 3 评论 -
mock.js的使用(在vue-cli项目)
mock.js的使用(在vue-cli项目)概念:实际生产时,后端人员写完接口文档后,一时半会是不能给出接口给我们调用,这样对于前端来说显得十分的被动,而Mock.js可以非常方便的模拟后端的数据,随机生成接口返回的状态,数据等。1.我会在src文件夹下新建个mock.js//mock.jsimport Mock from "mockjs";const data = { id:...原创 2020-03-07 22:13:48 · 349 阅读 · 0 评论 -
Vue组件间传值
Vue父子组件的传值概念:组件之间是需要沟通的,在某些需求中,子组件需要父组件传值过来作为子组件的属性,子组件可能有值要传回给父组件进行记录。父组件代码<template> <div class="p"> <Child ref="child" :mes="mes" @par="parFun"></Child> </div...原创 2020-03-06 22:37:05 · 417 阅读 · 0 评论 -
vue生命周期(数据初始化的请求放在created)
vue生命周期概念:vue的生命周期指的是vue实例从创建到挂载到销毁的过程,在这个过程中有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作, 钩子函数有如下:beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed话不多说先贴代码<!DOCTYPE html...原创 2020-03-05 23:25:51 · 5889 阅读 · 0 评论