标签 vuejs 下的文章

Vue.js单文件项目中使用Vuex:数据持久化

300Vuejs教程目录: 从Demo到实例快速上手Vue.js Vuejs网络请求组件的使用及解决跨域问题 vuejs单文件应用入门 Vue.js单文件项目中使用Vuex:装载工具 Vue.js单文件项目中使用Vuex:数据操作 经过之前两篇的介绍,基本上我们队Vuex的基础用法已经有了一定的了解。但是在Vuex的使用过程中,经常性地遇到像页面刷新导致数据丢失的问题,就像我们在用Memcached一样——一重启,所有的缓存全部丢失,这就很尴尬了。所以我们需要有一个比较完善的数据持久化方案。 在Vuex支持第三方中间件扩展的基础上,我们发现一个非常好用的插件。所以,这篇只是一个扩充说明,会...

Vue.js单文件项目中使用Vuex:数据操作

300Vuejs教程目录: 从Demo到实例快速上手Vue.js Vuejs网络请求组件的使用及解决跨域问题 vuejs单文件应用入门 Vue.js单文件项目中使用Vuex:装载工具 Vue.js单文件项目中使用Vuex:数据操作 上一篇文章我们讲了怎么在Vue.js单文件项目里面装载Vuex,这次我们来讲一下怎么使用Vuex。 这里会直接开搞,所以,前期没准备好的人请看上一篇。 我们先在src/vuex/store.js里做一些修改 const state = { count: 0 } const mutations = { inc(state, playload) {...

vuejs单文件应用入门

300Vuejs教程目录: 从Demo到实例快速上手Vue.js Vuejs网络请求组件的使用及解决跨域问题 vuejs单文件应用入门 Vue.js单文件项目中使用Vuex:装载工具 Vue.js单文件项目中使用Vuex:数据操作 之前说了vuejs多文件工程的上手 今天咱们来点不一样的——给予Vuejs的单文件系统的上手 现在单文件项目异常流行,当然你表示不能接受这个理由我也表示接受,但是可以说基于单文件系统我们可以对真个HTML文档用有更大限度的操作,包括数据的渲染。 那么废话不多说,毕竟别的网站说的比我溜,下面我会用比较简单的步骤来带你搭建一个可以跑得起来的项目。 1. vue-c...

android踩坑记:chromium报no method 'assign'的BUG

300背景: 在Android项目中加入了Webview用来展示H5页面。H5页面是用Vuejs搭建的站,之前在android5.x以上的真机上测试没毛病,但是在发布前批量测试的时候在Android4.x上报java.lang.NoClassDefFoundError的错误,只好吭哧吭哧修复了它,修复过程我们换篇再说。修复之后,再测,结果大条了,Webview里面的网页显示不出来了。返回去看5.x机子上的Webview,正常如初。这TM就让人有点蛋疼了。 经过反复测试,尝试过定位问题在是否开启硬件加速上,最终发现跟硬件加速毛个关系都没有。然后经过排查,在Logcat上发现了一条至关重要的警告:...

Vuejs网络请求组件的使用及解决跨域问题

300 回头我会补上Vuejs通过Vue-cli创建项目的过程 目前我们已经通过Vue-cli工具搭建了vuejs项目,那么问题来了,关于我们常用的网路请求,vuejs是不带的,只能通过第三方工具来实现这部分需求。 常用的像jQuery可以满足这部分需求,但是目前来讲,如果你已经接触到Nodejs并用上了Vuejs框架的话,你还用jQuery就未免显得太Low了。之前我用superagent来实现网络请求,用Promise封装了异步,实现同步请求,但是和Vuejs这么高大上的框架比来显得有些格格不入。所以我采用了基于Vuejs开发的第三方插件vue-resource来实现网络请求。 vue-...

从Demo到实例快速上手Vue.js

300Vuejs教程目录: 从Demo到实例快速上手Vue.js Vuejs网络请求组件的使用及解决跨域问题 vuejs单文件应用入门 Vue.js单文件项目中使用Vuex:装载工具 Vue.js单文件项目中使用Vuex:数据操作 参考: Vue.js中文网 体验Vue.js 我们暂时先抛开它的各种深入应用场景,先尝试一个最简单的Demo,体验一下在前端应用MVVM模式的舒爽。 把下面的Demo代码贴到html里面并且浏览一下这个文件(双击浏览器打开就行) <html> <body> <div id="app"&...
微信扫描以下二维码,关注我的公众号