vue
vue+Element搭建一个前端
z晨晨
这个作者很懒,什么都没留下…
展开
-
vue基础(三)-页面路由
Vue.js路由允许我们通过不同的URL访问不同的内容。通过Vue.js可以实现多视图的单页Web应用(single page web application,SPA)。Vue.js路由需要载入vue-router库。添加页面我们打开前面创建好的项目,并把components改为views,并在views目录下添加3个页面:Login.vue、Home.vue、404.vue。3个页面内容简单相似,只有简单的页面标识,如登录页面是“Login Page”。Login.vue代码:<tem原创 2020-05-24 21:12:42 · 383 阅读 · 0 评论 -
vue基础(二)-vue集成Element
导入项目打开Visual Studio Code,选择File-add Folder to Workspace,导入我们的项目,如图所示安装ElementElement 是国内饿了么公司的一套开源框架,简洁优雅,提供了Vue、React、Angular多个版本,这里使用Vue版本搭建我们的界面。对于Element的安装教程,官网上有详细的教程,我们可以参考官网上的教程。访问地址https://element.eleme.cn/#/zh-CN/component/installation,按照安装指原创 2020-05-11 22:15:57 · 445 阅读 · 0 评论 -
vue开发环境的搭建
Node JS的安装Node JS提供的NPM依赖管理和编译打包工具使用起来非常方便,对于前端比较大型的项目还是采用NPM作为打包工具比较理想。要使用NPM就需要安装NodeJS,下载地址为http://nodejs.cn/download/。选择系统对应的版本,这里我们下载Window系统的64位zip文件node-v14.2.0-win-x64.zip。下载完成后解压,可以看到里面有一个node.exe的可执行文件,如图所示:把Node添加到系统环境变量里面,打开cmd命令行,输入npm -v,如原创 2020-05-10 20:49:08 · 195 阅读 · 0 评论 -
vue基础(一)-使用vue-cli4.1.2创建项目
今天我们来用vue+Element搭建一个前台项目,废话不多说,咱们开始吧!环境安装的话大家可以自行百度一下。在这里我用的vue脚手架的版本是@vue/cli 4.1.2。创建项目vue create 项目名称选择手动配置(如果喜欢使用eslint可以选择默认)键盘上下键即可切换,刚开始其实有两个选项,我之前曾经自定义过,所以有四个。选择手动配置,按Enter键。自定义配置如下按空格键选中或取消路由规则接下来提示我们是否使用history router,也就是是否路径到#符号,建议选N原创 2020-05-10 19:49:45 · 566 阅读 · 0 评论