vue.js
一个被程序员耽误的厨师
经历一番,才会沉淀,人生需要储备
展开
-
v-if与v-show的区别?
在切换 v-if 块时,Vue.js 有一个局部编译/卸载过程,因为 v-if 之中的模板也可能包括数据绑定或子组件。v-if 是真实的条件渲染,因为它会确保条件块在切换当中合适地销毁与重建条件块内的事件监听器和子组件。v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——在条件第一次变为真时才开始局部编译(编译会被缓存起来)。相比之下,v-show 简单得多——元素始终原创 2016-09-29 14:15:46 · 8650 阅读 · 0 评论 -
vue-cli的webpack模板项目配置文件分析
2017-09-11更新:更新到webpack 2.6.1所对应的配置,完善部分代码注释。由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西,开发过程中需要改动到build和config里面一些相关的配置,所以刚好趁此机会将所有配置文件看一遍,理一理思路,也便于以后修改配置的时候不会“太折腾”。一、文件结构本文主要分析开发(dev)和构建(buil转载 2017-10-20 17:08:41 · 612 阅读 · 0 评论 -
webpack+vue 开发app(一)
首先不同如何搭建环境的同学,请先看看这篇文章 https://segmentfault.com/a/1190000005616974好了,文章里面引用的sass不能都正常使用,我在这里引用了less首先安装npm install less less-loader --save在webpack.config中配置使用less{原创 2017-07-26 11:16:21 · 652 阅读 · 0 评论 -
Vue 通过下表修改数组,页面不渲染问题
需要注意的是,Vue之所以能够监听Model状态的变化,是因为JavaScript语言本身提供了Proxy或者Object.observe()机制来监听对象状态的变化。但是,对于数组元素的赋值,却没有办法直接监听,因此,如果我们直接对数组元素赋值:vm.todos[0] = { name: 'New name', description: 'New description'原创 2017-07-08 14:01:45 · 6019 阅读 · 0 评论 -
VueJs 自定义过滤器使用总结
在这个教程中,我们将会通过几个例子,了解和学习VueJs的过滤器。我们参考了一些比较完善的过滤器,比如orderBy 和 filterBy。而且我们可以链式调用过滤器,一个接一个过滤。因此,我们可以定义我们自己的过滤器在我们的Vue实例中。阅读这个教程的前提是你对Vue已经有了基本的语法基础。VueJs中的过滤器基础过滤器是一个通过输入数据,能够及时对数据进行处理并返回一个转载 2017-07-04 13:12:26 · 402 阅读 · 0 评论 -
vue如何处理返回数据,再进行分类展示
首先定义几个数组变量用来存放分类好的数据,比如:调用函数,处理数据:原创 2017-07-04 13:03:10 · 10341 阅读 · 2 评论 -
分享一个vue写的购物车插件
先上效果图下面相关代码, 我的vue购物车 购物车原创 2017-06-30 10:44:02 · 4688 阅读 · 3 评论 -
Vue.js 快速搭建
Vue.js 现在在后端、前端、微信、移动端Web非常流行,今天简单模拟Vue.js快速安装;安装npm npm 是node.js 的包管理工具, 安装流程地址:https://docs.npmjs.com/cli/install 估计会非常慢,我们可以使用淘宝NPM镜像下载安装:https://npm.taobao.org/##安装npm##sudo npm instal转载 2017-06-20 17:19:52 · 445 阅读 · 0 评论 -
Vue如何阻止事件冒泡
如何 解决 vue里面的 冒泡事件方案如下:a v-on:click.stop="doThis">a> form v-on:submit.prevent="onSubmit">form> a v-on:click.stop.prevent="doThat"> form v-on:submit.p原创 2017-03-02 17:35:03 · 2610 阅读 · 0 评论 -
Vue.js 里面有没有 focus 这样自动获焦点?
在开发项目中 实在是遇到了不少类似的问题,也百度了不少,vue没有这样直接操作dom节点的方法具体解决方案 1 使用vue的钩子函数,初学不久,还没解决2 使用jquery,解决希望可以帮助您原创 2017-03-02 17:32:07 · 8085 阅读 · 0 评论 -
Vue中阻止时间冒泡方法
为了解决这个问题,Vue.js 为 v-on 提供两个 事件修饰符:.prevent 与 .stop。你是否还记得修饰符是点号打头的指令后缀?a v-on:click.stop="doThis">a>form v-on:submit.prevent="onSubmit">form>a v-on:click.stop.prevent="doThat">form原创 2016-09-29 15:05:08 · 1807 阅读 · 0 评论 -
[Vue warn]: Avoid mutating a prop directly since the value will be overwritt
父组件向子组件传入一个值,在子组件中想要改变这个值,不是直接在子组件中直接修改,而是让应该这个组件提交个事件给父组件,可以用$emit,向父组件传递你改的值,在父组件中修改传递变量,...原创 2018-02-26 11:24:09 · 1442 阅读 · 0 评论