随笔分类 - vue.js
摘要：history路由模式下的nginx配置
阅读全文
摘要：配置 eslint 可在 中的 中配置，比如允许在代码中使用 console，package.json 中配置如下 配置环境变量 我们经常需要根据环境变量来做出一些变化，比如：在测试时连接测试服务器，在上线时使用生产服务器：我们可以新建一个 命令，通过这个命令，可以在 build 之后保证代码请求的
阅读全文
摘要：刚才翻了一下博客，才发现，距离自己写的第一篇Vue的博客 "vue.js之绑定class和style" (2016 10 30)已经过去一年零两天。这一年里，自己从船厂的普通技术员，成为了一个微型不靠谱创业公司的普通码农。发过一次烧，搬了两次家，没攒下什么钱。好，牢骚发到这里，接下来谈谈传说中接近V
阅读全文
摘要：作者：imgss 出处：http://www.cnblogs.com/imgss 欢迎转载，也请保留这段声明。谢谢! 众所周知，vue router有两种模式，hash模式和history模式，这里来谈谈两者的区别。 hash模式 hash模式背后的原理是 事件,可以在 对象上监听这个事件: 上面的
阅读全文
摘要：闲扯两句 最近想给自己的博客上加上一个3D标签云的效果，用来表示自己博客文章的分组，网上找到了 "canvas" 实现的，还有a元素实现的 "解析3D标签云" ，我想让标签可以选择和点击，又不想在标签数量较多时操作a标签导致性能问题，于是svg就成了一个不错的选择。 标签初始化 这里实现的核心主要是
阅读全文
摘要：从结构上看，组件之于实例，就好比轮子之于汽车。从属性和方法来看，组件有实例的大部分方法，如果Vue实例是孙悟空，组件就好比实例的一个毫毛，变化多端却为Vue实例所用。 目录： 组件的注册 is的作用 event,props,solts 动态组件 组件的注册(差不多抄官网) 有两种方式注册Vue组件：
阅读全文
摘要：Vue Devtools大法好 这是一篇小白friendly教程 Vue Devtools是一款谷歌浏览器插件，专门为调试vue而设计。假设你做了一个vue应用，当你在调试的过程中，打开的控制台是这样的： 满眼都是 的这种标签，你的组件在什么位置，可能要一个一个标签点开之后找，你的应用的数据是什么状
阅读全文
摘要：markdown编辑器 ___ 利用 开源库实现todolist小项目的markdown日记本功能 "todolist小项目" 地址 之前的介绍随笔 "todoList" "markdown js仓库" 遇到的问题： 1. 当从编辑器切换到list，然后再切换回来，之前输入的内容 丢失 解决办法 ：
阅读全文
摘要：写在前面 姊妹篇 vue.js之过渡效果-css。今天一篇博文阅读量破300，心里还是有点小激动的。没错，我就是这么容易满足（害羞）。这个数据可能连大牛一篇文章阅读量的零头都没有，但这却是我个人的一大步，因为我在帮助别人。当然我没少受到别人文章的帮助。我想，也是大家这种乐于分享的心态让编程在一堆代码
阅读全文
摘要：这个插件是用于http请求的，类似于jquery的ajax函数，支持多种http方法和jsonp。 下面是resource支持的http方法。 get: {method: 'GET'},save: {method: 'POST'},query: {method: 'GET'}, update: {m
阅读全文
摘要：概述 vuejs的过渡效果可以让我们的页面元素在出现和消失时实现过渡。官方文档这样描述过渡效果的方式： 简单而言就是，你可以使用vue的<transition></transition>组件，结合css的动画(animation),过渡(transition),或者javascript操作dom来让
阅读全文
摘要：vuex是vue的状态管理工具，vue进阶从es6和npm开始，es6推荐阮一峰大神的教程。 vuex学习从官方文档和一个记忆小游戏开始。本着兴趣为先的原则，我先去试玩了一把-->。 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，如果你刚接触这个东东肯定像我一样蒙，所以我选择把这个
阅读全文
摘要：v-for标签可以用来遍历数组，将数组的每一个值绑定到相应的视图元素中去，此外，v-for还可以遍历对象的属性，并且可以和template模板元素一起使用。 一、迭代数组 html: js: 这里的list一个对象构成的数组，通过v-for将数组每一项映射到<li>标签中去。li是一个变量，代表li
阅读全文
摘要：恢复内容开始 首先，在跟着api做的时候，要把v-if包裹在Vue对应的el里面,重要的事情说三遍。 html: js: 这样才能显示其中一个标签的内容。（v-else必须紧挨着v-if） v-show与v-if 的区别在于v-show所对应的元素会一直被渲染出来，v-show所做的只是切换该元素的
阅读全文
摘要：一.绑定Class属性。 绑定数据用v-bind:命令，简写成: 语法：<div v-bind:class="{ active: isActive }"></div>。class后面的双引号里接受一个对象字面量/对象引用/数组作为参数， 这里，{active: isActive}是对象参数，acti
阅读全文
