在从零开始搭建一个VUE3.0项目之基础搭建(一) 之后,接下来需要进行单页面上的开发,通过vue-router进行页面路由。 第一步: 首先创建一个用来管理所有路由的js import { createRouter, createWebHistory } from 'vue-router' export const constantRoutes = [ { path: '/', //重定向到home界面 redirect: "/home" }, { path: '/home', component: () => import('@/views/home.vue'), meta: { title: '首页' } }, { path: '/login', //如果写成:component: () => import('@/views/login') 自动匹配login文件夹下面的index.vue 等价于下面的写法 component: () => import('@/views/login/index.vue'), meta: { title: '登录界面' } } .... 从零开始搭建一个VUE3.0项目之路由跳转和拦截(二) vue
起源 vue-admin-template模板算是一个比较好的前端开发模板,不过作者好像没有出vue3.0版本的,所以刚好自己在学习vue3.0,就想到开发一个vue3.0的模板,当然大部分代码都是参照vue-admin-template模板的。 目前已经完成了大部分的整合开发:vue3.0-admin-template Vue3.0开发之整合vue-admin-template模板 vue
Vue3.0开发入门之vue.config.js和.env配置文件的说明和使用 第一步搭建Vue3.0项目 见文章:vue3.0脚手架搭建 vue.config.js vue.config.js 是全局 CLI 配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载。 官方具体说明地址:https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE Vue3.0开发入门之vue.config.js和.env配置文件的说明和使用 vue
最近自己在弄前端相关的一些东西,特此记录下在这个过程当中学习到的前端技术知识点和BUG处理方式 VUE BUG以及知识点资料博文 VUE 路由守卫 next() / next({ ...to, replace: true }) / next(‘/‘) 说明 vue通过路由跳转页面的三种方式 Missing required prop: “value” 报错的解决办法 element plus报错:Can't import the named export 'ArrowDown' from non EcmaScript module (only default export is available) (2021-11-12 添加) JS BUG以及知识点资料博文 1 JS判断数据类型的几种方式 2 vscode中的 jsconfig.json (2021-10-27添加) CSS BUG以及知识点资料博文 1 CSS技巧(一):清除浮动 2 js判断页面图片是否存在,并设置默认值 3 几个div在一行的三种方法 4 rem与px的转换 (2021-10-20 添加) 前端技术知识点BUG资料博文(不断更新当中) vue