![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
覆手为云雨
一起学前端一起圆梦鸭...
展开
-
vuex入门随笔(1)
vuex随笔1.创建一个vue项目 npm install --global vue-cli vue init webpack my-project cd my-project npm install npm run dev2.安装使用vuexnpm install vuex --save1. 新建strore文件夹 index.js用来创建vuex实例,然后我们在main....翻译 2019-06-12 17:21:15 · 116 阅读 · 0 评论 -
vue常见的通信(2)
1.父子组件之间的通信 props 和 $emit父组件通过 prop 给子组件下发数据,子组件通过$emit触发事件给父组件发送消息,即 prop 向下传递,事件向上传递。父组件:parents<template> <div> <children :msg="msg" @say="childrenSay"></children>...翻译 2019-06-13 12:36:22 · 256 阅读 · 0 评论 -
移动端下滑分页v-infinite-scroll 插件使用(3)
简单粗暴 直接上代码~1.安装vue-infinite-scrollnpm i vue-infinite-scroll -S2.main.js中引入import infiniteScroll from 'vue-infinite-scroll'Vue.use(infiniteScroll)3.项目中使用import { LoadMore } from 'vux'componen...原创 2019-06-13 15:31:21 · 1518 阅读 · 0 评论 -
vue 需要注意的细节(持续更新)
1.在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中在created()钩子函数执行的时候DOM 其实并未进行任何渲染,而此时进行DOM操作无异于徒劳,所以此处一定要将DOM操作的js代码放进Vue.nextTick()的回调函数中。与之对应的就是mounted()钩子函数,因为该钩子函数执行时所有的DOM挂载和渲染都已完成,此时在该...原创 2019-06-14 11:51:54 · 261 阅读 · 0 评论 -
vue生命周期(通俗)(5)
import Vue from 'vue'const app = new Vue({ // el: '#root', template: '<div>{{text}}</div>', data: { text: 0 }, beforeCreate () { console.log(this, 'breforeCreate') },...翻译 2019-06-18 14:07:33 · 155 阅读 · 0 评论 -
vue二维码的生成(vue-qriously)(6)
vue中生成二维码效果如下:1.安装npm install vue-qriously --save-dev2.main.js引入import VueQriously from 'vue-qriously';Vue.use(VueQriously);3.使用(中间可以决定定位一个logo)that.myText={ "userAccount":that.userId...原创 2019-07-04 11:07:54 · 336 阅读 · 0 评论 -
axios+vux的封装项目实用(7)
最近开发了几个移动端项目,运动vue+vux+axios,做一些简单的总结和记录1.首先自行安装vue,vux等,就不再赘述…2.在src目录下新建一个api文件夹,在里面新建一个index.js安装axiosnpm install axiosmain.js中引入并注册为全局属性import Api from './api/index.js';Vue.prototype.$...原创 2019-07-04 15:42:39 · 519 阅读 · 0 评论