vue
文章平均质量分 68
yunsiyu
不想当摄影师的程序员不是好前端
展开
-
Nuxtjs在linux环境下部署笔记
nuxt.config.js文件中的server选项 与 package.json文件中的config.nuxt选项这两种配置的优先级是相同的,但是nuxt.config.js文件中的server选项更加灵活,可以配置更多的服务器选项。0.0.0.0是一个特殊的IP地址,代表的是本机所有IP地址,不管你有多少个网口,多少个IP,如果监听本机的0.0.0.0上的端口,就等于监听机器上的所有IP端口。如果在server.js文件中定义了服务器设置,则它将覆盖nuxt.config.js中的server选项。原创 2023-09-11 14:45:35 · 340 阅读 · 0 评论 -
vue项目文件系统路由
Vite config 快速设置。使用方法(以vue3为例)vue-router中使用。原创 2023-09-11 14:44:03 · 255 阅读 · 0 评论 -
Vue3+vant实现京东新品效果
吸顶tab,滚动条记录原创 2022-11-08 11:50:39 · 455 阅读 · 0 评论 -
vue项目keep-alive动态缓存页面的几种方式
keep-alive 的使用业务中经常遇到一种需求 , 项目中使用了tab_bar管理打开的页面 , 切换过程中希望能缓存下来页面状态 , 关闭标签页 , 再从左侧菜单栏打开页面会重新加载 .以下是几种常见的解决方案 , 以及优缺点和局限性keep-alive的官方文档:https://cn.vuejs.org/v2/api/#keep-alive1: 使用router-view 配合 v-if :适用 : 原本的router关联的组件存在匿名组件(没有设置name属性)优点 : 改造成本低原创 2020-06-08 14:17:02 · 2742 阅读 · 0 评论 -
vue-cli2.x 和 3.x 的全局安装与本地安装
一 :vue-cli全局安装 vue-cli 2.x 全局安装 npm install -g vue-cli vue-cli 3 全局安装(安装之前需要全局卸载vue-cli2) npm install -g @vue/cli 使用 vue create + 项目名 来创建一个项目(后续略)二 : vue-cli 本地安装(忽略全局安装的vue...原创 2018-12-10 14:49:28 · 5900 阅读 · 0 评论 -
vue-cli 2.9.1 关于如何设置外部访问项目和浏览器自动打开
vue-cli 2.9.1 vue-cli 2.9.1 使用了webpack 3.6.0 版本 , 老版本的vue-cli 配置文件写法有点不同 . 在wenpack.dev.conf.js 里面 devservey 对象使用的参数 写在 config/index.js 里面 修改config/index.js 里面的 dev对象的 host 参数 为 '0.0.0.0' 可以...原创 2018-12-10 14:53:34 · 1144 阅读 · 0 评论 -
vue-cli3环境变量与分环境打包
第一步 : 了解环境变量概念我们可以根目录中的下列文件来指定环境变量:.env # 在所有的环境中被载入.env.local # 在所有的环境中被载入,但会被 git 忽略.env.[mode] # 只在指定的模式中被载入.env.[mode].local # 只在指定的模式中被载入,但会被 git 忽略环境变量文件...原创 2019-02-15 11:56:55 · 10127 阅读 · 2 评论 -
vue-cli3多环境配置方案
前端项目上线的时候 , 不可避免的会考虑到不同的运行环境需要前端请求不同服务地址的问题方案一 :一般的情况下 , 可以使用vue-cli-service环境变量进行分环境打包 ;开发环境 , 继续使用proxy代理 ;需要编译的环境 , 通过设置环境变量去控制打包过程 , 最终生成适用于不同环境的前端资源 ;有关vue-cli-service环境变量的具体解释在另一篇文章...原创 2019-06-21 16:33:25 · 3576 阅读 · 0 评论