Vue2
文章平均质量分 86
Vue.js 2.x 相关内容
-Bell-
这个作者很懒,什么都没留下…
展开
-
开发一个后台管理系统的主框架页面(登录、主界面、子界面)
登录1. 找到 src/router/index.js 路由文件,添加登录路由代码:{ path: '/login', component: (resolve) => require(['@/views/login.vue'], resolve)}2. 在 src/views 目录下新增 login.vue 文件,内容如下:<template> <div class="login-bg"> <div class="login-box"&g原创 2023-09-18 16:45:41 · 851 阅读 · 0 评论 -
Vue2 element-ui 框架中集成国际化 vue-i18n 并封装成可切换语言的组件
在 Vue 2 中配置国际化,您可以使用 Vue I18n 插件。Vue I18n 是 Vue.js 官方推荐的国际化插件,它可以帮助您轻松地实现多语言支持。原创 2023-09-18 16:38:30 · 1811 阅读 · 1 评论 -
第七步 Webpack 配置多环境和全局变量 cross-env 和 webpack.DefinePlugin
一般情况下我们需要多个环境如:开发dev测试test预发布release正式build,每个环境有自己的独立api接口请求地址。此时我们就需要使用cross-env命令设置环境变量。原创 2023-09-18 16:17:30 · 1414 阅读 · 0 评论 -
第六步 Vue2 集成全家桶 vue-router vuex axios 和 element-ui
Vue Router是Vue.js官方提供的路由管理库,用于实现前端应用的路由功能。它可以将前端路由映射到Vue组件,实现页面的切换和导航等功能。Vue Router支持嵌套路由、路由参数、路由守卫等高级功能,能够满足各种复杂的路由需求。Vuex是Vue.js官方提供的状态管理库,用于集中管理应用程序中的状态。它将应用程序中的数据存储在一个全局的store中,并提供了一些API来改变状态和获取状态。原创 2023-09-18 16:14:47 · 696 阅读 · 0 评论 -
第五步 Vue2 vue.config.js 使用image-minimizer-webpack-plugin配置图片压缩
npm install image-minimizer-webpack-plugin imagemin imagemin-pngquant --save-dev原创 2023-09-18 16:11:22 · 542 阅读 · 0 评论 -
第四步 Vue2 配置ESLint
ESLint 是一个广泛使用的 JavaScript 代码检查工具,可以帮助开发者在编写代码时发现并修复潜在的问题和错误。在时虽然已经选择了包含 ESLint 预设配置,但还需要做一些调整,让我们使用起来能够更加的丝滑。原创 2023-09-18 16:01:55 · 1347 阅读 · 0 评论 -
第三步 Vue2 vue.config.js 集成 Less 配置 sourceMap+全局变量
这会将 Less 和 Less loader 作为开发依赖项安装到你的项目中。如果没有其他需求,安装好就已经可以在项目中直接使用了。原创 2023-09-18 15:59:19 · 1087 阅读 · 0 评论 -
第二步 Vue2 vue.config.js 基础配置,路径别名alias
vue.config.js是一个用于 Vue 项目的配置文件,用于自定义项目的构建配置。在这个文件中,你可以修改 webpack 相关的选项,以满足你的项目需求。原创 2023-09-18 15:54:10 · 1360 阅读 · 0 评论 -
第一步 Vue2 使用 Vue 脚手架 Vue CLI 搭建一个 Vue.js 前端项目框架
Vue CLI 是一个用于快速搭建 Vue.js 项目的脚手架工具。它集成了开发所需的各种工具和常见配置,让你可以专注于编写代码而不用为构建过程烦恼。本教程将介绍如何使用 Vue CLI 来搭建一个基本的 Vue.js 项目。原创 2023-09-18 15:47:30 · 719 阅读 · 0 评论 -
Vue2入门 从0到1
Vue2.x 基础代码使用说明以及提供一个开箱即用的demo用于练习原创 2023-09-18 15:40:32 · 49 阅读 · 0 评论