金额=单价*数量 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="js/jquery-1.10.2. ...
分类:
Web程序 时间:
2020-06-17 18:36:38
阅读次数:
73
发布订阅和观察者模式 曾经我一直以为发布订阅和观察者是一回事,而且有些书和博客里面也是这样说的,直到我看到了这篇剖析 Vue 原理&实现双向绑定 MVVM的文章,作者很细致的解读了 vue 的双向绑定实现原理,并用简约的代码实现了一个简化版的 vue,包括了解析器 Compile ,监听器 Obse ...
分类:
其他好文 时间:
2020-06-17 18:20:06
阅读次数:
56
父级组件 <template> <div id="app"> <button @click="clickme">click me</button> <img alt="Vue logo" src="./assets/logo.png" /> <HelloWorld msg="Welcome to Y ...
分类:
其他好文 时间:
2020-06-17 18:12:30
阅读次数:
100
正课: 1. 原生DOM vs 函数库 vs 框架 2. 什么是Vue 3. 如何使用Vue 4. 绑定语法 5. 指令 6. 双向绑定 1. 原生DOM vs 函数库 vs 框架 原生DOM: 优点: 跨平台好 缺点: 繁琐 函数库jQuery: 优点: 对原生DOM的每个API进行了简化 缺点: ...
分类:
其他好文 时间:
2020-06-15 23:12:33
阅读次数:
141
本文实例讲述了Vue.js单向绑定和双向绑定。分享给大家供大家参考,具体如下: #1、单向绑定 单向数据绑定的实现思路: ① 所有数据只有一份 ② 一旦数据变化,就去更新页面(只有data-->DOM,没有DOM-->data) ③ 若用户在页面上做了更新,就手动收集(双向绑定是自动收集),合并到原 ...
分类:
Web程序 时间:
2020-06-15 12:31:28
阅读次数:
58
vue框架和react框架虽然都是虚拟dom,组件化开发,其中的不同点还是蛮多的。首先vue的双向绑定而react则是单项数据流。react使用了jsx语法,让编程更组件话。除了这些他们的生命周期还是不一样的 总归他们都经历了 初始化阶段,运行阶段,销毁阶段。其中运行阶段又分渲染和数据更新两部分 先 ...
分类:
其他好文 时间:
2020-06-12 10:37:10
阅读次数:
63
首先了解一下Object.definePropertyobject.defineProperty(obj,prop,descriptor)有三个参数--obj要定义属性的对象。--prop要定义或修改的属性的名称或symbol。--descriptor要定义或修改的属性描述符。--这里主要用到两个属性描述符get:当访问该属性时,会调用此函数。但是会传入this对象(由于继承关系,这里的this并
分类:
其他好文 时间:
2020-06-08 12:36:28
阅读次数:
62
参考文章:https://www.cnblogs.com/kidney/p/6052935.html?utm_source=gold_browser_extension 最简单的 双向绑定 //极简双向绑定 let $input = document.querySelector("input"); ...
分类:
其他好文 时间:
2020-06-07 12:52:31
阅读次数:
55
利用递归组件实现 组件参数: v-model 用于双向绑定的属性,目前绑定option里的id options 一个数组,例如[{title:'a',id:1,children:[{title:'b',id:2}]}] <template> <div class="selectors"> <temp ...
分类:
其他好文 时间:
2020-06-05 12:55:17
阅读次数:
56
一、vm.$emit这种方式是最常见,也是最简单的。子组件通过$emit函数触发一个方法给父组件,附加上回传的值。父组件做该方法监听即可得到子组件回传的值。 父组件: 父组件绑定一个change方法 子组件: 子组件通过$emit回传一个change方法给父组件 效果如下: 二、使用model对象官 ...
分类:
其他好文 时间:
2020-06-03 15:24:40
阅读次数:
78