本文需要对Vue有一定的基础,可以通过查看文档初步了解,以下是自己对数据绑定的总结: Vue.js 模板都是可解析的有效的 HTML,从根本上不同于基于字符串的模板; 插值: {{绑定表达式}} 指令: 带有前缀v-的特…
分类:vue.js
使用vue.js开发时的一些坑
关于响应式 vue的双向绑定是基于响应式来做的,即给一个Vue对象的属性加上getter, setter方法,在这些方法中处理双向绑定。但这种方式就会出现下面这些坑 vue的组件化写法真心不好用 举个例子,我写了个svg…
深入浅出Javascript:面向对象之闭包
理解闭包 概念 闭包是指 有权访问另一个函数作用域中的变量的 函数。 函数式闭包(在内部保存数据和对外部无副作用) 创建方法 在一个函数内部创建另一个函数(闭包) 原理 普通函数:在outer()执行完,局部变量loca…
vue实践:v-if v-show区别
v-if v-show父级v-if 错误 内部指令不执行父级v-show 错误 内部指令仍然执行 display:none,blockv-show作用与v-if类似,不同的是v-show的元素会始终渲染并保持在 DOM …
单页应用在iOS微信浏览器中如何优雅的设置title
最近用Vue2.0 SPA做了个微信应用,遇到了一个比较尴尬的问题。用document.title设置title,在返回时不会再重新设置title。 由于iOS的微信浏览器使用原生的title,在路由返回后不能及时捕获d…
Vue的状态控制与延时刷新
在实际项目中,我们经常会遇到这种状况,某些数据我们希望等到需要的时候再去获取,或者某些数据我们需要刷新,但是不必立刻刷新,而是延时到展示的时候再去刷新。 在DOM操作的年代,想要实现这样的功能可能会稍微麻烦一些,然而当我…
vue.js配置axios
官方现在已经不再推荐用resource了,换了个axios,咱也不能落后,至少你得知道咋弄,面试的时候也好给面试官吹吹牛逼,废话不多说。首先用npm安装 npm install --save axios vue-axio…
基于vue、vuex、vue-router、echarts搭建的数据展示平台
真的好久没有更新博客了,但是我最近并没有偷懒哦,一直在学习vue这个框架,并且用它做了一个小项目,现在就给大家分享一下我的这个还比较有意思的小项目咯,本项目是基于vue2.0开发的。 灵感来源 这是一个数据可视化相关的项…
vue.js 计算属性内幕
vue计算属性特别好用,但是它是如何做到的这一点的呢? 我们首先从一个案例开始。它有一个input可以输入货币值,另外一个span会把货币加上一¥符号。当货币值变化时,span会跟着变化: <script src=…
NUXT 中间件 Middleware
中间件可以使您的自定义的函数在渲染页面之前运行 所有的中间件都必须放置在middleware/目录下。文件名将作为中间件的名称(如:middleware/auth将成为中间件auth)。中间件收到上下文作为第一个参数︰ …
socket.io + vue.js 简易聊天室
本文主要分享一个简易版的聊天室 项目地址 https://github.com/zuank/socket 测试地址 http://yuehao.duapp.com/chat/ 服务端配置 开启服务 const serve…
学习Vue.js的五个小例子
前言 最近在学习vue.js,学着写了几个小例子,自己记录一下,例子都比较简单,希望给初学vue.js的小伙伴一些参考。 双向数据绑定 点击查看 数据绑定是vue.js的基础。本例中就是利用了vue.js的v-model…