Vue
一个被代码耽误的天才
一心向“钱”,别无所求
展开
-
vue element-UI 实现三级联动
首先确定你的vue是有引入element的模块代码<template> <div> <el-select v-model="prov" style="width:167px;margin-right: 25px;"> <el-option v-for="option in arr" :value="option.name"> {{ option.name }} </el-option>原创 2020-11-04 16:56:39 · 2958 阅读 · 3 评论 -
VUE 正确入门姿势
VUE 正确入门姿势1.了解它的背景及趋势2. 打开新世界大门 Holle world3.了解它的生命周期1.了解它的背景及趋势这些你去看看其他的博主写的吧感觉都写的很详细,也很用心。原谅我是一个垃圾博主2. 打开新世界大门 Holle world3.了解它的生命周期从官网扒的图,看懂图你就完全学会了。这个是vue运行是的整个流程,也就是生命周期。还是搞点代码吧!不然人都是懵的!<!DOCTYPE html><html> <head> <m原创 2020-07-09 12:03:29 · 359 阅读 · 0 评论 -
Vue中的tal页
Vue中的tal页首先我们来看一下效果:实现思路:我们正常点击菜单跳转页面是靠路由实现的,然后我们需要点击菜单生成tab页和设置显示的tab页,所以我们需要用Vuex定义一个数组options,用来存放添加进去的tab页,还有一个设置显示哪个tab页的属性activeIndex,所以在点击时我们把这个页面的信息存放到options里面,点击删除就把这个tab的信息从options里面删除,...原创 2019-10-07 15:30:08 · 357 阅读 · 0 评论 -
SPA项目中Vue的值该何去何从?(vuex)
文章目录分析本章知识点Vuex示例安装Vuex存值,取值Vuex的同步和异步加载问题测试在使用Vue开发的时候经常会遇到传值的时候不知道怎么去传递,像我们以前用到的最多的就是set/get来进行操作,但是在Vue中好像没有。不急且听我慢慢道来分析Vue中开发中有时候组件经常会有嵌套的时候,这时就会有需求需要父组件传值到子组件,或者是自组件传值到父组件(具体怎么传递就不说了,不知道的可以查看我...原创 2019-08-16 19:53:02 · 389 阅读 · 0 评论 -
vue中的二维码 简单使用
vue中的二维码导入vue中的二维码库代码示例:效果展示:导入vue中的二维码库首先,我们在工程目录下通过命令安装最新的qrcode库,npm install --save qrcode安装完成后package.json的dependencies中便新增了"qrcode": “^1.4.1”node_modules目录新增了qrcode模块,这样就算是安装成功了。代码示例:<...原创 2019-08-12 15:47:47 · 716 阅读 · 0 评论 -
SPA项目开发CURD加表单验证
SPA项目开发CURD加表单验证CURD验证具体代码效果展示:CURDCURD在SPA项目中还是非常简单的,只需要在后台定义好数据接口基本上就差不多了,然后前台的话就直接用ajxa请求后台就OK了。let url ;//地址if(this.editForm.id==0){ url = this.axios.urls.SYSTEM_ARTICLE_ADD;//增加}else{ url ...原创 2019-08-14 19:40:21 · 243 阅读 · 0 评论 -
SPA项目开发之动态数,数据表格,分页
SPA项目开发之动态数,数据表格,分页思路动态树数据表格分页思路思路:1、准备好后台(左侧树,带分页的文章查询)2、将左侧树的数据绑定到elementui中的menu标签上3、新增一个自定义组件用来展示文章列表的4、绑定elementui提供的分页组件来完成分页功能封装的地址:后台的代码就没有展示了/** * 对后台请求的地址的封装,URL格式如下: * 模块名_实体名_操作...原创 2019-08-13 19:38:44 · 135 阅读 · 0 评论 -
使用vue-cli搭建SPA你了解多少?
使用vue-cli搭建SPA你了解多少?1. 什么是vue-cli?2.安装vue-cli使用脚手架创建项目解决 乱码一问一答package.json详解npm install/npm install xxx -S/npm install xxx -D/npm install xxx -g的区别package.json文件里面的devDependencies和dependencies对象有什么区别...原创 2019-08-06 20:33:52 · 307 阅读 · 0 评论 -
ue项目百度地图的简单引用
vue项目百度地图的简单引用在百度地图开放平台获取密钥创建vue项目在百度地图开放平台获取密钥进入百度地图首页点击web服务api点击 获取密钥点击创建应用下面就是你创建好的密钥创建vue项目这里就不做过多的介绍了,创建一个vue项目 输入指令 npm install vue-baidu-map –save引入项目在index.html 中加入以下代码<...原创 2019-08-08 15:53:44 · 695 阅读 · 0 评论 -
使用SSH编写后台
使用SSH编写后台登录and注册老四样实体类User实体类的配置文件User.hbm.xmldao方法biz 层web层配置文件检测增删查改 和 菜单dao方法检测登录and注册这次的编写是在上一次搭建SSH框架的基础上进行的,有些地方就没有直接放全代码了实体类User老四样实体类Userpackage com.vue.entity;import com.hu.entity.Ba...原创 2019-07-28 21:16:04 · 306 阅读 · 0 评论 -
node JS环境搭建你知道多少?
node JS环境搭建你知道多少?1.node.js是什么?2. npm是什么?3.Node.js环境搭建如何运行下载的Node.js项目1.node.js是什么?1.1 Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。 Node.js使用了一个事件驱动、非阻塞式I/O 的模型。1.2 Node.js是一个让JavaScript运行在服务端的开发平台,它让J...原创 2019-08-05 19:26:57 · 360 阅读 · 0 评论 -
vue实现。让文字跑起来
vue实现。让文字跑起来前言效果:知识点:前言在许多网页上我们都可以看到,标题滚动的效果。几天我就来讲一下这个效果使用vue怎么实现效果:当鼠标移入跑马灯文字时,跑马灯文字暂停滚动,反之鼠标移出继续滚动。知识点:substring(字符串截取)setInterval定时器(解决字符串持续截取与头尾拼接)clearInterval清除定时器(解决悬停暂停)ES6箭头函数(解决th...原创 2019-08-04 12:09:12 · 1233 阅读 · 0 评论