本文主要示例在ionic3.x环境下实现一个自定义计数器,实现后最终效果如图: 1、使用命令创建一个component 类似的命令还有: 命令执行完成后自动生成文件如图: 2、到这里我们已经初步创建了一个自定义组件,接上来我们需要将我们的组件添加到app.module.ts的declarations ...
分类:
其他好文 时间:
2017-07-14 16:43:07
阅读次数:
267
vue2.0组件通信方法:props传值和emit监听。(.sync方法已经移除。详情请点击)(dispatch-和-broadcast方法也已经废弃) props方法传值:Props 现在只能单项传递。为了对父组件产生反向影响,子组件需要显式地传递一个事件而不是依赖于隐式地双向绑定。props方法 ...
分类:
其他好文 时间:
2017-07-13 13:31:30
阅读次数:
194
1.配置路由:cnpm install vue-router --save 配置资源:cnpm install vue-resource --save 2.增加数据 给文本框做双向绑定后给提交按钮点击事件,进行jsonp跨域传值到接口。 3.展示 用jsonp接到借口的值后进行v-for循环展示 4 ...
分类:
其他好文 时间:
2017-07-11 12:16:46
阅读次数:
321
vue 一片html代码配合上json,在new出来vue实例 Demo:1 数据双向绑定(v-model="message",{{message}}) <div id="box"> <input type='text' v-model="message"> <p>{{message}}</p> < ...
分类:
其他好文 时间:
2017-07-09 20:42:11
阅读次数:
326
2.1. 什么是双向绑定? Vue框架很核心的功能就是双向的数据绑定。 双向是指:HTML标签数据 绑定到 Vue对象,另外反方向数据也是绑定的。通俗点说就是,Vue对象的改变会直接影响到HTML的标签的变化,而且标签的变化也会反过来影响Vue对象的属性的变化。这样以来,就彻底变革了之前Dom的开发 ...
分类:
Web程序 时间:
2017-07-09 12:25:56
阅读次数:
222
1.1. Vue简介 Vue是一个前端的双向绑定类的框架,发音[读音 /vju?/, 类似于 view]。新的Vue版本参考了React的部分设计,当然也有自己独特的地方,比如Vue的单文件组件开发方式都很有创新,另外Vue自身的一些绑定的语法、用法等都非常精炼,很容易上手,而且第三方的插件都非常丰 ...
分类:
其他好文 时间:
2017-07-09 12:22:40
阅读次数:
188
<my-component v-bind:my-name.sync="name" v-bind:my-age.sync="age"></my-component> 以上代码是子组件向父组件传数据的代码,加了.sync,但是不起作用,原因是vue的版本不同,2.0版本以上不起作用,而以下版本才起作用。 ...
分类:
其他好文 时间:
2017-07-07 00:01:59
阅读次数:
260
指令,很重要 AngularJS与jQuery最大的区别在哪里?我认为,表现在数据双向绑定,实质就是DOM的操作形式不一样。 jquery通过选择器找到DOM元素,再赋予元素的行为; 而angularjs则是,将指令与DOM绑定在一起,再扩展指令的行为。 jquery通过选择器找到DOM元素,再赋予 ...
分类:
Web程序 时间:
2017-07-06 20:43:47
阅读次数:
277
Vue.js 和 MVVM 小细节 MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定。 Vue.js 是一个 ...
分类:
其他好文 时间:
2017-07-06 10:08:12
阅读次数:
248
Angular发展史: 12年,angularJS1.0.0正式版推出:亮点功能基本齐备,如双向绑定、依赖注入、指令等; AngularJS1.3.x放弃支持IE8,推出了单次绑定语法; AngularJS1.5.x增加类似组件式书写体验,主要为过渡angular2做铺垫; Angular1.x困境 ...
分类:
其他好文 时间:
2017-07-05 11:41:12
阅读次数:
233