Vue
JackLee18
这个作者很懒,什么都没留下…
展开
-
Vue学习从入门到精通(二)
《Vue学习从入门到精通(一)》我们开启了Vue的学习之路,今天我们就来一块学习一下Vue.js中的内部指令。v-ifv-if指令可以完全根据表达式的值在DOM中生成或移除一个元素。书中源码如下:<template><div id="example"> <原创 2018-08-09 18:38:17 · 4592 阅读 · 1 评论 -
Vue学习从入门到精通(九)过渡
这一篇文章主要说一下过渡转载 2018-09-19 19:10:43 · 772 阅读 · 2 评论 -
Vue学习从入门到精通(八)按键事件绑定
监听键盘事件经常需要检测keyCode。Vue.js可以味v-on添加键盘修饰符,代码示例如下:<template> <div id="demo"> <input v-on:keyup.13="alertB"> <span&am原创 2018-09-10 08:34:56 · 1709 阅读 · 0 评论 -
Vue学习从入门到精通(七)事件处理
今天我和大家一块来学习一下Vue中的事件处理。Vue.js的事件监听一般都通过v-on指令配置在HTML中,所有的Vue.js事件处理方法和表达式都严格绑定在当前视图的ViewModel上。实际上,采用Vue提供的v-on指令有如下几点好处:通过查看HTML模版便能轻松定位JavaScript代码中对应的方法。无需在JavaScript中手动绑定事件,ViewModel和DOM完全解耦...原创 2018-09-06 23:14:03 · 713 阅读 · 0 评论 -
Vue学习从入门到精通(六)
今天我们来一块学习一下Vue中的过滤器。查看官网发现,Vue之前封装的一些过滤器现在已经是失效,后期大家在开发过程中用到过滤器的时候都需要自己进行定义哦,这样也好,可以避免自定义的过滤器和Vue之前封装的过滤器冲突,造成一些不必要的麻烦。什么是过滤器 什么是过滤器呢,本质上都是函数,其作用在于用户输入数据后,它能够进行处理,并返回一个数据结果。Vue.js过滤器使用时,用管道符(|)...原创 2018-08-26 13:15:26 · 1517 阅读 · 0 评论 -
Vue学习从入门到精通(五)
今天主要学习一下表单输入绑定。v-model指令在表单<input> <textarea> <select> 等元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新数据。 v-model会忽略所有表单元素的val原创 2018-08-16 09:22:41 · 1524 阅读 · 0 评论 -
Vue学习从入门到精通(一)
最近公司由于业务拓展,需要进行小程序相关的开发,本着朝全栈开发者努力,决定学习下Vue,去年csdn送了一本《Vue.js权威指南》,那就从这本书开始练起来吧。哟吼。一,环境搭建今天主要说一下如何搭建环境,以及如何运行。1,npm安装brew install npm如果brew没有安装的话,大家可以brew如何安装哦,这里就不再详细说明了。...原创 2018-08-08 18:54:32 · 53757 阅读 · 35 评论 -
Vue学习从入门到精通(四)
今天我们来学习一下计算属性。在开发中,为了简化逻辑,当某个属性的值依赖于其他属性的值时,我们可以使用计算属性。什么是计算属性 计算属性就是当其以来属性的值发生改变时,这个属性的值会自动更新,与之相关的DOM部分也自动更新。具体代码如下:<template> <div id ="example"> <input type="...原创 2018-08-14 19:31:20 · 1618 阅读 · 3 评论 -
Vue学习从入门到精通(三)
这一篇文章主要说一下Vue对数组的各种操作。在说Vue之前,我们先了解一下javascript中对数组操作的常见函数。 函数 说明 push() 这个函数主要是在数组的末尾添加一个新的元素 pop() 这个函数主要是在数组的末尾删除掉一个元素 shift() 这个函数的主要是删除数组的第一个元素 unshift() 这个函数主要...原创 2018-08-10 11:15:56 · 2744 阅读 · 1 评论 -
使用Vue写iOS页面(一)
去年的时候其实已经把Vue的文档,以及Vue权威指南这本书看的差不多了,也进行了相关的练习,但是由于年底项目比较紧张,所以也没有真正的在iOS项目中使用Vue去写页面。最近开始练习,用Vue写了一个简单的页面,放在了练手app中。具体源码如下:<template><div class="table"> <ul class="table"> <...原创 2019-07-27 10:54:49 · 1522 阅读 · 0 评论