![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
文章平均质量分 76
RitchieWei
人如果没有理想,那么和咸鱼有什么区别!
展开
-
vue项目使用history模式,打包部署到服务器根目录与二级目录的方法
vue项目使用history模式,打包部署到服务器根目录与二级目录的方法原创 2022-09-14 10:25:21 · 5281 阅读 · 0 评论 -
vue-cli4.0 + vue + element 打包成lib 发布至npm
主要看备注说明的地方原创 2021-03-03 11:23:36 · 1388 阅读 · 0 评论 -
vue-cli3快速创建 vue + typescript + sass + router + vuex 新项目起手式
文档参照:vue-property-decoratorvuex-classvue-class-componentTypeScript 中文网前期准备卸载旧版本vue cli 升级到3后,package的名字从 vue-cli 改为了 @vue/cli,装了旧版本的,官方的建议是,把旧版本的卸载了,再安装新版本。卸载指令如下:npm uninstall vue-cli ...原创 2019-08-30 11:31:24 · 1092 阅读 · 0 评论 -
为了少走弯路,记录一下Nuxt项目中一些步骤和坑
1.项目构建步骤1、npm install -g create-nuxt-app # 全局安装 Nuxt.js脚手架工具 create-nuxt-app步骤2、npx create-nuxt-app <项目名> # 根据提示安装必要模块步骤3、npm run dev #启动成功 访问路径:http://localhost:3000/根据上面三个步骤,一个基本服务端渲染...原创 2019-08-20 16:44:01 · 1159 阅读 · 0 评论 -
vue 项目预渲染(prerender-spa-plugin)
服务器端渲染 vs 预渲染 (SSR vs Prerendering)如果你调研服务器端渲染 (SSR) 只是用来改善少数营销页面(例如/,/about,/contact等)的 SEO,那么你可能需要预渲染。无需使用 web 服务器实时动态编译 HTML,而是使用预渲染方式,在构建时 (build time) 简单地生成针对特定路由的静态 HTML 文件。优点是设置预渲染更简单,并可以...原创 2019-06-03 14:53:56 · 9945 阅读 · 2 评论 -
vue使用lib-flexible和postcss-px2rem-exclude完美解决移动端适配的问题
第一部分:项目中引入lib-flexible一、项目中安装lib-flexiblenpm install lib-flexible --save二、在项目的入口main.js文件中引入lib-flexibleimport 'lib-flexible'通过要以上两步,就完成了在vue项目使用lib-flexible来解决移动端适配了。lib-flexible会自动在h...原创 2019-03-05 17:24:53 · 20937 阅读 · 11 评论 -
如何把vue项目改造成支持PWA的功能(第二章:加入service-worker)
第一章中,我们加入Manifest ,让我们的网站生产图标放在手机桌面上,入口更加的明显了,和native差不多,大大的提升了用户体验,免去用户收藏网址等操作。这章中,我们将加入PWA的核心:service-worker相关代码:https://github.com/hwq888/yeye-PWA1、什么是Service Worker?下面简单的介绍一下,本章主要说怎么和VUE结合...原创 2019-01-17 15:00:05 · 5273 阅读 · 0 评论 -
如何把vue项目改造成支持PWA的功能(第一章:加入Manifest)
什么是PWA:Progressive Web App, 简称 PWA,是提升 Web App 的体验的一种新方法,能给用户原生应用的体验PWA 的主要特点包括下面三点:可靠 - 即使在不稳定的网络环境下,也能瞬间加载并展现 体验 - 快速响应,并且有平滑的动画响应用户的操作 粘性 - 像设备上的原生应用,具有沉浸式的用户体验,用户可以添加到桌面PWA 具有下面一些特性:渐进式...原创 2018-12-21 16:24:25 · 7585 阅读 · 0 评论 -
vue-cli 构建的项目如何加入骨架屏 skeleton
在使用 Native APP 时我们经常可以看到在实际内容加载出来之前会有一些占位图片,因为其结构和实际加载内容相似(如新闻页面加载之前也会有一个纵向列表),因此让用户感知到自己的页面正在加载中,体验较好。而传统的 Web 站点因为无法实现这一点,在加载前统一为白屏,我们能优化的仅仅是缩短这个白屏时间,这就决定了 Web App 相较于 Native APP 在用户体验上的先天劣势。我们把...原创 2018-07-26 11:17:17 · 16040 阅读 · 19 评论 -
vue-i18n,ElementUI 国际化整理
ElementUI国际化链接: http://element-cn.eleme.io/#/...vue-i18n:https://github.com/kazupon/vu...安装: npm install vue-i18n --save先不使用ElementUI,就简单的vue.js+vue-i18n使用方法:在main.js同级建i18n新文件夹,里面新建i18n.js、langs文件夹,l...原创 2018-06-01 15:42:39 · 3230 阅读 · 1 评论 -
VUE 如何使用3DES加密
如何在VUE-CLI手脚架建立的工程中使用3des加密: npm install crypto-js --save-dev import CryptoJS from 'crypto-js'//DES加密 Pkcs7填充方式encryptByDES(message, key){ const keyHex = CryptoJS.enc.Utf8.parse(...原创 2018-02-01 17:09:08 · 3255 阅读 · 0 评论 -
关于 VUE的el-select 初始值设置问题
关于 VUE的el-select 初始值设置问题原创 2017-06-15 10:29:27 · 53862 阅读 · 3 评论 -
vue之watch用法
对应一个对象,键是观察表达式,值是对应回调。值也可以是方法名,或者是对象,包含选项。在实例化时为每个键调用 $watch() ;//使用官方vue-cli脚手架书写 //观察数据为字符串或数组 /当单观察数据examples2为对象时,如果键值发生变化,为了监听到数据变化,需要添加deep:true参数 export原创 2017-06-15 10:30:17 · 6125 阅读 · 0 评论 -
vue keep-alive的作用
包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 相似, 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。当组件在 内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。结合router,缓存部分页面使用$route.meta的keepAlive属性: 需要在原创 2017-11-16 14:40:04 · 2643 阅读 · 0 评论 -
axios 拦截 , 页面跳转, token 验证(经常用于判断用户是否登录)
第一步: 路由 多添加一个自定义字段 requireAuth path: '/repository', name: 'repository', meta: { requireAuth: true, // 添加该字段,表示进入这个路由是需要登录的 }, component: Repository原创 2017-10-17 14:29:04 · 8673 阅读 · 0 评论 -
在研究VUEX的过程中的一个范例
首先vuex概念比较多,一定要搞懂里面的概念,可以参考官网Vuex2.0概念,我写此文的目的是希望能对前端爱好者提供个参考,加深对vuex2.0各核心概念的理解。新增一个测试组件:vuex.vue vuex 测试 Clicked: {{ getCount }} times + - import { mapGetters } fr原创 2017-10-25 10:18:34 · 459 阅读 · 0 评论 -
Vue常用经典开源项目汇总参考
Vue相关网站参考: Vue中文帮助网站:http://cn.vuejs.org/ Vue github开源地址:https://github.com/vuejs/vue Vue.js专业中文社区:http://www.vue-js.com/ 前端开发Vue相关:http://www.opendigg.com/tags/front-vue 本文开源地址:https:原创 2017-09-25 17:48:13 · 3269 阅读 · 0 评论 -
vue-cli构建项目反向代理配置
vue-cli构建项目反向代理配置原创 2017-06-15 10:23:28 · 8748 阅读 · 0 评论 -
VUE新手上路的一下步骤命令和疑难杂症
1.从node.js官网下载并安装node 输入 node -v 查看版本2.npm包管理器,是集成在node中的,所以,直接输入 npm -v 查看版本3.npm install webpack -g 安装webpack 输入 webpack -v 查看版本( 如果是webpack 4X 后需要安装webpack-cli 请注意需要安装在同一目录 npm install --s...原创 2017-06-15 10:20:55 · 1463 阅读 · 0 评论