vue 全家桶
文章平均质量分 55
Vue原理应用、相关的框架、填过的坑...都在这里
Aimee芊
沉迷于代码ing...
展开
-
mpvue 同时开发和打包成H5和微信小程序(简易模板)
开始这个项目是一个mpvue 的demo, 没有具体的业务实现方法,只有简单的页面切换,还有常用的一些方法封装,总体提供分开打包开发的思路 github源码 => https://github.com/Aimee1608/mpvuedemo需要看详细版有项目内容的,可以看这篇文章,有详细说明 https://blog.csdn.net/aimee1608/article/d...原创 2018-07-17 17:02:41 · 7383 阅读 · 16 评论 -
Atom 编辑器 设置.vue 文件
Atom 编辑器 设置.vue 文件atom 编辑器特别轻巧且灵活,可以根据个人需要,添加各种插件,方便使用,下面就介绍一下使用atom 来编辑vue文件。原创 2017-11-30 23:37:34 · 3120 阅读 · 4 评论 -
webpack 压缩打包 vue.js 项目 懒加载快速加载页面
之前直接使用webpack –color –progress 命令打包vue.js项目,打包出来的项目,只有一个build.js文件,只是一个普通的小网站项目,却有2.9MB,放在贷款为2兆的阿里云服务器上,首次加载硬是要了四五分钟,非常的慢了。后来查询各种办法,最终解决了问题。原创 2017-12-18 16:36:34 · 2817 阅读 · 0 评论 -
vue.js项目 评论留言模块支持表情包
vue.js项目 评论留言模块支持表情包 需通过后台处理表情包:数据库存储字段,前端直接处理转换成表情。页面结构搭建:如图,页面布好文本域框和表情列表 根据表情包的内容,转化成对应的描述和路径 文本域框中展示选中的表情包内容 后台数据传入时,正则匹配替换相应的内容为表情 注:如果需要不以图片的形式存本地,方法同上,把可以前端可以识别的表情原创 2018-01-24 17:14:09 · 9027 阅读 · 6 评论 -
vue.js项目 el-input 组件 监听回车键实现搜索
vue.js项目 el-input 组件 监听回车键实现搜索基于element-ui 组件 开发的vue.js项目, 实现回车键发起搜索,和原生的input 标签使用方法不一样:el-input 监听键盘按下状态 得用@keyup.enter.native,如果是非el-input 组件,可以直接用@keyup.enterel-input placeholder="搜索" ico原创 2018-02-06 11:09:57 · 20257 阅读 · 4 评论 -
vue.js搭建个人博客
为何选择vue.js搭建博客为什么会选择使用vue.js框架搭建博客呢?原因有多个。作为前后端分离的多数据绑定项目,首选的就是mvc 以及mvvm等框架,也就是主流的angular.js 和vue.js,之前有用angular.js 写过项目,但是数据的双向绑定并没有vue.js灵活;在使用vue.js框架快速完成美食网站后,更加离不开这个框架了,简单方便,易于管理和后期的维护。个人博客框...原创 2018-03-13 15:45:12 · 11822 阅读 · 16 评论 -
vue keep-alive保存状态
使用vue的keep-alive属性设置页面保存状态应项目需求,开发一个类似app的移动端H5项目,有tabbar标签切换,并需要保存当前状态。之前对vue学习不够全面,并不了解keep-alive属性,再查询各种资料,终于看到了keep-alive,简单好用,不禁感叹vue真是强大。keep-alive定义keep-alive是Vue的内置组件,能在组件切换过程中将状态保留在内存...原创 2018-04-16 16:56:20 · 5282 阅读 · 0 评论 -
vue router.beforeEach跳转路由验证用户登录状态
使用vue判断验证用户登录状态导航钩子类似于生命周期钩子,包含路由进入前,进入后,更新时,退出前等几个周期,主要用于控制导航的前进后退或跳转等。其中router.beforeEach就是路由进入前的周期,同时有路由的来源和去向两个参数,可以判断和控制当前路由的走向和重定向。一般router.beforeEach配合vuex全局状态储存使用,验证用户登录状态。也可以结合sessionSto...原创 2018-04-16 17:23:11 · 19040 阅读 · 1 评论 -
搭建配置vux项目
强烈推荐vux插件,非常好用的移动端vue组件首先还是需要创建vue项目,然后再安装vux依赖开始创建vue项目VueJs操作命令安装一个框架: vue init webpack-simple vue_test安装各种模块:cnpm install如使用路由和网络请求 还需安装vue-router和vue-resource,全局状态vuex安装vue-r...原创 2018-04-16 17:57:07 · 749 阅读 · 0 评论 -
Vue 应用中结合vux使用微信 jssdk
vux微信分享说明分享接口只有认证公众号才能使用,域名必须备案且在微信后台设置。先确认已经满足使用jssdk的要求再进行开发。引入在 main.js 中全局引入:import { WechatPlugin } from 'vux'Vue.use(WechatPlugin)console.log(Vue.wechat) // 可以直接访问 wx 对象。组件外使用 考虑...原创 2018-04-16 19:01:14 · 7342 阅读 · 0 评论 -
vue.js 项目 环境搭建、打包发布(简版)
Vue 安装方法 在安装vue模块插件等前,得先安装node.js,在安装完node.js的情况下;还需安装如下模块;1.安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org2.安装webpack cnpm install webpack -g3.安装vue脚手架 cnpm inst...原创 2017-10-25 16:21:58 · 4276 阅读 · 4 评论 -
vue.js 2.* 项目 环境搭建、运行、打包发布(常规版)
Vue 安装vue-cli /webpack 全局安装如果在意安装速度,可以使用淘宝镜像来安装 安装淘宝镜像 npm install -g cnpm –registry=https://registry.npm.taobao.org安装完淘宝镜像后,就可以使用cnpm 来代替 npm 安装工具啦我个人比较喜欢直接使用npm 安装:全局webpack: npm ins...原创 2018-07-14 16:33:56 · 10941 阅读 · 2 评论 -
vue eslint开发 关掉 tab错误提示
团队开发中经常遇到需要使用eslint 语法纠正的情况; 但是 tab 和 space 提示真的很头疼,可以通过下面方式解决 找到vue 项目中的 .eslintrc.js , 在rules 中 添加 ‘no-tabs’: 0, ‘no-mixed-spaces-and-tabs’: 0, ‘indent’: [“off”, “tab”], ...原创 2018-07-14 16:59:29 · 6894 阅读 · 2 评论