本篇文章是一篇Vue.js的教程，目标在于用一种常见的业务场景——分页/无限加载，帮助读者更好的理解Vue.js中的一些设计思想。与许多Todo List类的入门教程相比，更全面的展示使用Vue.js完成一个需求的思考过程；与一些构建大型应用的高阶教程相比，又更专注于一些零碎细节的实现，方便读者快速 ...
分类：
Web程序 时间：
2020-04-05 10:05:14
阅读次数：
97
案例: 父组件 <template> <div id="app"> <h1>vuex</h1> <h3>count:{{count}}</h3> <button @click="count++">+1</button> <button @click="count--">-1</button> <!- ...
分类：
其他好文 时间：
2020-04-04 22:21:58
阅读次数：
90
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>host</title> <style> <!-- 隐藏设置--> .hide{ display: none; } <!-- 遮罩层样式--> .shade{ ...
分类：
Web程序 时间：
2020-04-04 18:55:25
阅读次数：
77
缘由：想做一个删除按钮有提示，然后纠结了半天还是用了Element-ui的气泡框。首先修改了<el-button>的padding来修改按钮大小。 效果： 然后问题是要通过删除后的气泡框的确认事件来删除某个收藏夹，但是如何动态获取这个数据呢？我人傻，还是像用ev.currentTarget.data ...
分类：
其他好文 时间：
2020-04-04 17:27:57
阅读次数：
751
1、子组件向父组件传值 子组件 <template> <div class="app"> <input @click="sendMsg" type="button" value="给父组件传递值"> </div> </template> <script> export default { data ...
分类：
其他好文 时间：
2020-04-04 14:56:19
阅读次数：
953
CP design 使用 React hooks Typescript 开发的一个 H5 移动端 组件库 "English" | 简体中文 badge button icon CP Design Mobile " " 特性 基于 CP Design 移动设计规范。 规则化的视觉样式配置，适应各类产品 ...
分类：
移动开发 时间：
2020-04-04 14:29:21
阅读次数：
78
当我们用Flask写好一个app后, 运行app.run()表示监听指定的端口, 对收到的request运行app生成response并返回. 现在分析一下, 运行app.run()后具体发生了什么事情 Flask定义的run方法如下: def run(self, host=None, port=N ...
分类：
移动开发 时间：
2020-04-04 14:17:29
阅读次数：
89
1、vue响应原理： vue.js采用数据劫持结合发布-订阅者模式，通过Object.defineProperty()来劫持data中各个属性的setter、getter,在数据变动时，发布消息给订阅者，触发响应的监听回调。 （setter和getter是对象的存储器属性，是一个函数，用来获取和设置 ...
分类：
其他好文 时间：
2020-04-03 23:45:54
阅读次数：
178
自定义事件分发 组件内部绑定事件需要使用 如果组件想要删除vue里面的数据，就要通过前端。v on:“组件里面函数名=“Vue里面的函数名” 组件 vue 前端 v on（绑定事件） v bind（绑定数据） vue cli程序安装 1. 安装nodejs 2. 安装npm 3. 安装cnpm np ...
分类：
其他好文 时间：
2020-04-03 21:53:54
阅读次数：
66
父子通信 （1）父组件向子组件传值props <button-counter :title="send"></button-counter> Vue.component('button-counter', { props: ['title'], data: function() { return { ...
分类：
其他好文 时间：
2020-04-03 21:48:15
阅读次数：
147
