
vue
亮子AI
全干程序员
展开
-
vue 3 遇到 process is not defined
使用 vite 安装 vue3 时,如果使用了 process.env,会遇到 process 未定义的情况,原因是 process.env 已经被移除了。解决办法是在 vite.config.ts 中增加 define:import { defineConfig } from 'vite'// ...export default defineConfig({ // ... define: { 'process.env': {} }})来源:https://github.co原创 2021-06-14 09:18:10 · 32334 阅读 · 9 评论 -
怎样在 Vue 中使用 axios ?
首先安装:npm install --save axios也可以使用 yarn 安装。注意,yarn 的安装命令是 add,不是 install:yarn add axios然后在 main.js 中添加下面的代码,就可以全局使用 axios:import axios from 'axios'Vue.prototype.$http = axios使用:this.$http ...原创 2020-01-27 14:49:43 · 204 阅读 · 0 评论 -
vue url 地址中的 # 是什么?
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 HTML5 中的 history.pushState API 来完成 URL 跳转而无须重新加载页面。const router = new VueRouter({...原创 2020-01-26 09:29:53 · 6338 阅读 · 0 评论 -
怎样将 vue 网站部署到域名子路径下?
如果要把 vue 部署到子路径:https://example.com/vue要在 vue.config.js 中配置 publicPath。如果你的项目中没有 vue.config.js 文件,你就在项目的根目录下创建这个文件,然后在文件中写入如下内容:module.exports = { publicPath: "/vue/"}然后重新编译项目就可以了:yarn build...原创 2020-01-25 17:38:03 · 2074 阅读 · 0 评论 -
vue 学习笔记(1)
声明式渲染。数据在 JS 代码中,通过 Vue,这些数据与 DOM 绑定,这就是说,你在 JS 中改变了数据,DOM 就发生改变。let app = new Vue({ el: '#app', data: { message: 'Hello world!', }})上面的例子中,声明了数据 message,你可以将这个变量的值用在 HTML 页面上。一旦你的 JS 代...原创 2020-01-25 17:15:17 · 134 阅读 · 0 评论 -
vue-cli 4, @vue/cli, yarn 常用命令
创建项目:vue create my-project运行开发版本:cd my-projectyarn serve编译生产版本:yarn build什么是 Vue CLI 服务?The Vue CLI Service is a run-time dependency (@vue/cli-service) that abstracts webpack and provides ...原创 2020-01-25 10:29:10 · 829 阅读 · 0 评论 -
安装@vue/cli,yarn 安装不成功,npm 安装成功
官方文档说,下面两个命令,使用任何一个都可以来安装 @vue/clinpm install -g @vue/cli# ORyarn global add @vue/cli首先使用 yarn,提示已经安装成功,但是,vue 命令根本没有(我的系统是 Ubuntu 18.04)。在网上找了半天,竟然没有一个人说这个问题,无奈使用 npm 尝试,结果成功: $ vue -V @vue/c...原创 2020-01-25 09:05:38 · 1725 阅读 · 0 评论