唐糖PJS

2019年12月26日

摘要：事件修饰符: .stop // 阻止事件的传播 .阻止冒泡 event.stopPropagation() .prevent //阻止默认行为 .capture //先事件捕获在冒泡 .self // 只有当event.target和event.currentTarget相同时触发事件 .once 阅读全文

posted @ 2019-12-26 15:10 唐糖PJS 阅读(111) 评论(0) 推荐(0) 编辑

Vue的事件总线

摘要：原本存在直接相关的父子组件之间进行数据的交互，但是对于组件之间没有直接的，如何进行数据交互呢? 事件总线和Vuex的区别在于：Vuex是对状态进行管理的而事件总线是对事件进行管理的。提供了一个全局事件中心，并将其注如每个组件中，像内置的事件流一样方便的使用全局事件工作原理就是使用发布/订阅方式阅读全文

posted @ 2019-12-26 14:43 唐糖PJS 阅读(714) 评论(0) 推荐(0) 编辑

2019年12月19日

Vue中使用better-scroll中出现无法滑动的情况

摘要：可能是wrapper的height大于或是等于content的height 阅读全文

posted @ 2019-12-19 18:42 唐糖PJS 阅读(1056) 评论(0) 推荐(0) 编辑

2019年12月17日

axios

摘要： Axios 是由原生的XMLRequest和Priomse相结合的http库，进行对数据的请求等操作。安装： npm install axios 使用： Get: axios.get('/user', { params: { //连接参数 ID: 12345 } }) .then(functio 阅读全文

posted @ 2019-12-17 14:45 唐糖PJS 阅读(922) 评论(0) 推荐(0) 编辑

2019年12月12日

Vuex 状态管理

摘要：安装： npm install vuex --save npm install es6-promise --save //依赖promise 绑定： import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) import 'es6-pro 阅读全文

posted @ 2019-12-12 20:10 唐糖PJS 阅读(206) 评论(0) 推荐(0) 编辑

keep-alive

摘要： // 将想要进行缓存的组件使用keep-alive 进行包裹，// 属性：include 缓存白名单 exclude缓存黑名单 max 最多缓存的组件个数<template> <div> <h3>这是主页</h3> <router-link to="/home/demo">Demo页面点击</rou 阅读全文

posted @ 2019-12-12 14:14 唐糖PJS 阅读(382) 评论(0) 推荐(0) 编辑

2019年12月9日

Vue slot 插槽

摘要： Vue 的插槽感觉上是一个组件函数，和函数一样进行参数的传递来改变组件的据题内容。使用指令：v-slot //插口的基本使用<body> <div id="app">  <login><span>demo</span></login> </div> </body> < 阅读全文

posted @ 2019-12-09 12:51 唐糖PJS 阅读(310) 评论(0) 推荐(0) 编辑

2019年12月4日

Vue和webpack

摘要： vue-loader的安装和在webpack.config.js中的配置：https://vue-loader.vuejs.org/zh/guide/#vue-cli 在运行的时候可能会出现 runtime-only的错误，主要是导入的vue并不是全部的vue,可以通过导入指定的路径下的vue文件阅读全文

posted @ 2019-12-04 18:01 唐糖PJS 阅读(142) 评论(0) 推荐(0) 编辑

Vue页面的渲染

摘要： 1.使用components 子组件进行局部的渲染 new Vue({ el:"#app", components:{ login,//渲染在app元素中的Login子组件。 } }) 2.使用render进行将el指定的整个元素都覆盖和react中的render方法一样。 new Vue({ e 阅读全文

posted @ 2019-12-04 17:05 唐糖PJS 阅读(215) 评论(0) 推荐(0) 编辑

Webpack

摘要： Webpack是一个Javascript应用程序的静态的打包器，其功能包括：将多个Javascript文件进行整合和整理之间的依赖关系，以及实现将高版本的语言转化成低版本的语言（webpack只会转化部分的高版本语言，如需转换所有的还得需要babel转换器），所以需要在loader系统上使用babe 阅读全文

posted @ 2019-12-04 16:38 唐糖PJS 阅读(178) 评论(0) 推荐(0) 编辑

公告