Vue build 打包和部分vue-config-js配置

  • Post author:
  • Post category:vue

vue 打包 当我们使用 vue 写好项目后我们需要将项目进行打包成 html 项目,使用一下命令可以打包项目。 npm run build 在当前目录下输入打包命令,等待打包完成后在根目录生成一个 dist 的文件夹,里面是 html 页面和 css,js,img 文件夹。 -- dist -- css -- js -- img -- index.html 当然这个 html 项目我们无法通过双…

继续阅读 Vue build 打包和部分vue-config-js配置

一些问题——Vue换肤(切换css样式)

  • Post author:
  • Post category:vue

需求:点击之后实现全局换肤 1、有一些页面和与之有相对应的样式,样式要写在一起放到public下的static下的css文件中,此外static下还有两个文件夹用来实现换肤分别是sass和scss。sass下写一个_handle.scss,scss下写一个_themes.scss。 2、_handle.scss @import "../../../public/static/scss/_theme…

继续阅读 一些问题——Vue换肤(切换css样式)

vue项目打包在本地打开(开启一个本地服务器)

  • Post author:
  • Post category:vue

今天是打包的时候看到这个提示: Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work. 然后学到到 node.js里面的 http-server 开启本地服务 , 从本地文件夹中直接打开的一般都是 file 协议,当代码中存在 http 或 ht…

继续阅读 vue项目打包在本地打开(开启一个本地服务器)

vue cli3 打包后访问不到页面 Failed to load resource: the server responded with a status of 404 (Not Found)

  • Post author:
  • Post category:vue

在根目录下新建文件vue.config.js 配置打包资源路径: 默认是“./”,如果没有特殊需求就不要修改 代码如下: const path = require('path') function resolve(dir) { return path.join(__dirname, dir) } module.exports = { publicPath: './static', //这个路径根据…

继续阅读 vue cli3 打包后访问不到页面 Failed to load resource: the server responded with a status of 404 (Not Found)

vue 自封装store、storage全局存储方法

  • Post author:
  • Post category:vue

首先新建一个js文件: import typeJudge from "./typeJudge"; function Storage() { const STORAGE_EXPRESS = 100; const STORAGE_NULL = 101; /* setexpirationTime { Function } 设置数据存储日期 内部方法,外部无法调用 @param data Any 需要存储…

继续阅读 vue 自封装store、storage全局存储方法

vue中的箭头函数的this

  • Post author:
  • Post category:vue

在vue中箭头函数没有自己的this,所以,当箭头函数中有this的时候他会往外找,从而确定它的this的值 vm.$watch('firstName',{ immediate:true, //若immediate为true则handler在初始化时,就会调用一次,以后就看firstName的改变了 handler(newValue,oldValue){ setTimeout(()=>{ /…

继续阅读 vue中的箭头函数的this

关于在Idea中Vue.js的项目创建准备工作

  • Post author:
  • Post category:vue

一、Vue.js需要Node.js的基础 1.下载地址: https://nodejs.org/en/download/ (按照正常的安装步骤,下一步下一步就可以~) 2.打开cmd(win+R)输入如下命令查看是否安装成功: node -v npm -v 二、开始搭建项目 1.打开Idea新建项目Create New Project > Static Web>填写project na…

继续阅读 关于在Idea中Vue.js的项目创建准备工作

VuePress学习笔记

  • Post author:
  • Post category:vue

坑 有时候会出现初始化VuePress后,无论访问什么页面都是Cannot GET/。此时要注意是否是由于修改了环境变量NODE_ENV=production,如果是要改回development。 配置一些插件时,会出现warning。此时要在项目内安装vuePress。但直接安装可能并未完全安装成功,还需要 npm i --dev来再装一下。 一、vuepress初体验 创建一个项目文件 对项目…

继续阅读 VuePress学习笔记

Vue2升级到Vue3到底是不是一个正确的选择?(尤雨溪亲自回复解读)

  • Post author:
  • Post category:vue

就在前两天,一篇反对 Vue2 升级到 Vue3 的文章在vue官方社区引起了热议。(原文链接:Vue 3 was a mistake that we should not repeat[1]) 这篇文章从 实际应用 角度出发,分析了 Vue2 到 Vue3 在真实项目中实操升级的 痛点 ,提出了一个反对的声音: Vue3的升级是一个错误的选择 。 在一片热议中,甚至 尤大 都出来亲自解释并承认了…

继续阅读 Vue2升级到Vue3到底是不是一个正确的选择?(尤雨溪亲自回复解读)

Vue路由跳转成功,但跳转组件的内容无法显示

  • Post author:
  • Post category:vue

是 routes ,不是routers 版权声明:本文为qq_43444008原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.net/qq_43444008/article/details/121095061

继续阅读 Vue路由跳转成功,但跳转组件的内容无法显示