在从零开始搭建一个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
最近需要进行下前端开发,特此记录下前端开发框架搭建过程 1 安装node.js 官网下载安装即可 官网地址:http://nodejs.cn/download/ 2 安装webpack 在命令行里面输入:npm install --global webpack 全局安装即可。 3 安装vue-cli 开发脚手架 在命令行里面输入:npm install -g @vue/cli 全局安装即可。 在命令行里面输入:npm i -g @vue/cli-init 全局安装即可。 4 创建项目并运行 在指定的目录下进入cmd界面 输入: vue init webpack webtest(项目目录名称) 然后一路enter即可。最后可以看见如下提示: cd webtest npm run dev 按照操作运行即可。最后会弹出项目运行地址,通常是:http://localhost:8080/#/ 进入地址就可以看见界面了。 5 引入element-ui 关闭项目,进入webtest文件夹,进入cmd命令行界面 输入: npm i element-ui -S 即可 安装element-ui 最后打.... 从零开始搭建vue+element-ui的前端开发框架 杂七杂八