Vue
Hadoop_Liang
这个作者很懒,什么都没留下…
展开
-
Vue项目3:Vue的简单使用
本博客在Vue项目2的基础上进行,目的是学会Vue的基本使用。基础使用包括:v-if/v-else、v-text、v-for、data、methods、computed、v-on:click、v-on:keyup、props等,这里推荐两个系统学习vue的网站:https://cn.vuejs.org/v2/guide/和https://www.runoob.com/vue2...原创 2019-07-09 21:22:53 · 308 阅读 · 0 评论 -
Vue项目10:Vue + SpringBoot前后端分离项目
本博文主要介绍如何使用Vue +SpringBoot实现前后端分离,实现简单登录功能。本项目分为前端(vue)和后端(SpringBoot)两大模块。一、前端1.新建vue-cli项目进入cmd命令行,输入如下命令:C:\Users\Administrator>f:F:\>cd F:\Study\vue\projectpracticeF:\Study...原创 2019-07-21 14:45:37 · 1065 阅读 · 0 评论 -
Vue项目8:vue-quill-editor富文本编辑器的使用
1. 新建vue-cli项目C:\Users\Administrator>f:F:\>cd F:\Study\vue\testF:\Study\vue\test>vue init webpack quilleditordemo? Project name quilleditordemo? Project description A Vue.js project...原创 2019-07-18 21:48:31 · 660 阅读 · 0 评论 -
Vue项目9:Vue Cli项目使用echarts可视化
VueCli项目使用echarts可视化有两种方式:一、直接引入echarts 二、使用vue-ehcarts。一、直接引入echarts1.创建Vue Cli项目进入cmd命令行,输入如下命令:C:\Users\Administrator>f:F:\>cd F:\Study\vue\testF:\Study\vue\test>vue ini...原创 2019-07-20 18:45:19 · 711 阅读 · 0 评论 -
Vue项目7:Vue项目整合Element UI
本博文主要介绍如何在VueCli项目中使用ElementUI,主要包括两大步骤:一、创建Vue项目;二、使用ElementUI一、创建Vue项目1.创建Vue项目打开cmd命令窗口,进入工作目录,例如:F:\Study\elmentUI\demo输入如下命令创建项目,项目名称为:vueaddelementvue init webpack vueaddelemen...原创 2019-07-16 01:07:54 · 807 阅读 · 0 评论 -
Vue项目2:使用自定义组件
本博文是用Vue Cli新建的项目为基础,编写自己的Component组件。创建项目进入cmd命令行,切换至工作目录,例如F:\Study\vue\demoC:\Users\Administrator>f:F:\>cd F:\Study\vue\demoF:\Study\vue\demo>全局安装vue-clinpm install -g vue...原创 2019-07-06 19:25:03 · 358 阅读 · 0 评论 -
第一个Vue项目
前提条件:1.需要先安装node.js(包含npm),参考:安装node.js2.为了提高npm下载速度,使用使用淘宝 NPM 镜像,安装淘宝镜像命令如下:npm install -g cnpm --registry=https://registry.npm.taobao.org步骤:在windows系统下操作为例:1.进入命令行:按Win+R,输入cmd回车进入命...原创 2019-06-28 23:46:54 · 667 阅读 · 0 评论 -
Vue项目6:使用Router
本博客在Vue项目5的基础上进行。Router为路由,路由允许我们通过不同的 URL 访问不同的内容。项目目录结构:1.安装routercnpm install vue-router -g2.启动项目npm run dev3.使用vue-router修改main.js1)使用vue-router,导入Users和Test页面组件i...原创 2019-07-09 22:26:07 · 228 阅读 · 0 评论 -
Vue项目5:使用vue-resource
本博客在Vue项目4的基础上进行。vue-resource可以实现异步加载数据1.安装 axios和resourcenpm install -g axiosnpm install vue-resource --save2.启动项目 cd切换到工程目录,运行如下命令: npm run dev3.使用vue-resource修改main.js,在import...原创 2019-07-09 22:11:02 · 202 阅读 · 0 评论 -
Vue项目4:Vue数据的增删查改
本博客在Vue项目3的基础上进行。基本思路是添加Users组件,并用Vue对User的内容进行增加、删除、查询(显示User)、修改(样式)等操作。1. 添加Users组件1)在src/components目录下新建Users.vue,初始代码如下:<template><div class="users"><h1>Users...原创 2019-07-09 21:54:50 · 452 阅读 · 0 评论 -
Vue项目11:Vue Cli项目中使用IconFont图标
本博文主要介绍如何在VueCli项目中使用IconFont图标,分别介绍在线和离线的使用方法。新建VueCli项目:vueiconfontC:\Users\Administrator>f:F:\>cd Study\test\iconfonttestF:\Study\test\iconfonttest>vue init webpack vueiconfo...原创 2019-08-12 10:53:08 · 913 阅读 · 0 评论