vue3.0+elementUI项目框架搭建
longerJue
一只正在奔跑的程序弱鸡
展开
-
Vue3.0+Element-plus项目框架搭建(三):初始化项目结构
`在创建项目的同时,也生成了很多无用的代码,那么需要去除掉这些无用的代码。按照如下方式初始化项目代码结构:App.vue 初始化代码如下:<!-- * @Author: longerJue--><template> <router-view /></template><style lang="scss"></style>删除 views 文件夹下的所有 .vue 文件删除 components原创 2022-02-09 08:55:40 · 644 阅读 · 0 评论 -
Vue3.0+Element-plus项目框架搭建(一):使用 vue-cli 创建项目
使用 vue-cli 创建项目我们首先需要创建一个 vue3 的项目,而创建项目的方式依然是通过 vue-cli 进行创建,当然也可以通过 vue ui可视化的方式创建。不过这里有一点大家需要注意,因为我们需要使用最新的模板,所以需要保证 vue-cli 的版本在 4.5.13 以上,可以通过以下的方式来查看你的 vue-cli 版本:vue -V------@vue/cli 4.5.13 // 输出版本号如果需要升级版本,那么可以通过以下指令进行升级:npm update -g @vue/原创 2022-01-27 15:29:36 · 1536 阅读 · 0 评论 -
Vue3.0+Element-plus项目框架搭建(二):项目结构对比解析
想要进行项目的开发,那么首先我们需要先了解一下 vue3 项目的初始结构。在这里我们把它和 vue2 的项目进行对比来去说明。main.js通过 按需导入的 createApp 方法来来构建 vue 实例;通过 vue实例.use 方法来挂载插件(router、vuex);没有了 Vue 构造方法,无法再挂载原型;App.vue组件内部结构无变化,依然是tempaltescriptstyle<template> 标签中支持多个根标签;store/ind原创 2022-01-27 15:15:58 · 1576 阅读 · 0 评论