vue.js
vue.js的妙用
学号Java
从头开始学Java
展开
-
vue.js从入门到深入再到随心而用————vue的沿途风景
学习完了整个的vue,组合里总结了博主学习vue从无到有的一个过程,里面还有完整的vue项目哦,走过路过不要错过,点进来瞧一瞧。原创 2020-05-23 18:10:06 · 1314 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用————vue电商项目008(项目打包和优化)
vue的优化了哦,一个完整的vue项目完成了,给自己一波6666,大家一起来看看吧,肯定会有所收获的哦!!!原创 2020-05-16 23:04:45 · 471 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用————vue电商项目007(订单管理模块和数据统计模块)
最后的两个模块了,用到了省市级联、Timeline组件和ECharts,完成了很nice的功能哦!!原创 2020-05-15 00:01:50 · 1109 阅读 · 1 评论 -
vue.js从入门到深入再到随心而用————vue电商项目006(商品管理模块)
vue电商项目006:商品管理模块1.商品列表1.1商品列表的初始化1.2数据展示1.3实现删除商品1.4完成后的效果和代码2.添加商品功能2.1添加商品功能完成后的效果2.2创建和布局Add.vue组件2.3验证是否选择了商品分类2.4展示信息2.5完成图片上传2.6使用富文本插件2.7添加商品2.8推送代码2.9完整的代码商品管理模块其实相对来说是比较复杂的一个模块,在商品列表页面的显示页面上,有一个添加商品的功能,添加商品这个功能在实际的开发过程中直接写成了一个新的组件进行路由。所以对于商品管理模原创 2020-05-14 18:20:51 · 586 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用————vue电商项目005(分类管理模块、参数管理模块)
基于element-ui完成的vue项目,这篇博客来说说分类管理和参数管理两个模块的完成。大家感兴趣可以进来看看哦,用了很多炫酷的组件,同时也收获了很多,会持续更新的哦!!!原创 2020-05-12 23:58:54 · 841 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用————vue电商项目004(权限管理模块)
总结了下权限管理模块,里面用到了树形结构和展开列,完成的效果还是比较舒适的,欢迎各位大佬提出问题原创 2020-05-12 00:11:06 · 714 阅读 · 4 评论 -
vue.js从入门到深入再到随心而用————vue电商项目003(主页面布局,用户列表功能)
vue电商项目持续更新!!!基于element-ui完成的主页面布局和用户列表功能的开发,各种组件的灵活运用。.原创 2020-05-10 23:09:03 · 1059 阅读 · 4 评论 -
vue.js从入门到深入再到随心而用————vue电商项目002(项目初始化、登录退出功能)
历时接近三个星期终于写完了一整个vue项目,现在不得不说一句element-ui真香,当然在学习的工程中也遇到了很多的问题,接下来的一段时间我会总结这个项目的知识点和一些坑,也欢迎大家提出意见和问题,这篇博客就讲讲项目初始化、登录退出功能。原创 2020-05-08 17:33:06 · 669 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用————vue电商项目001(概述以及项目中要用到的git操作)
历时接近三个星期终于写完了一整个vue项目,现在不得不说一句element-ui真香,当然在学习的工程中也遇到了很多的问题,接下来的一段时间我会总结这个项目的知识点和一些坑,也欢迎大家提出意见和问题,这篇博客就讲讲项目的概述以及项目中需要的git操作。原创 2020-05-08 00:18:48 · 499 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用————路由小总结
路由小总结路由的学习目标1.路由的概念2.前端路由的初体验3.Vue Router简介4.Vue Router的使用步骤(★★★)补充:5.嵌套路由,动态路由的实现方式5.1.嵌套路由的概念(★★★)5.2.动态路由匹配(★★★)补充:7.命名路由以及编程式导航7.1.命名路由:给路由取别名7.2.编程式导航(★★★)8.实现后台管理案例(★★★)路由的学习目标1.能够说出什么是路由2.能够...原创 2020-04-15 17:51:03 · 212 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用——————vue.js中的(promise、fetch、axios)
1.接口调用方式原生ajax基于jQuery的ajaxfetchaxios2.异步JavaScript的执行环境是「单线程」所谓单线程,是指JS引擎中负责解释和执行JavaScript代码的线程只有一个,也就是一次只能完成一项任务,这个任务执行完后才能执行下一个,它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax...原创 2020-04-02 22:20:19 · 203 阅读 · 1 评论 -
vue.js从入门到深入再到随心而用——————vue.js中的(组件、父组件和子组件之间的传值、兄弟组件数据交互、插槽的用法)
(这篇小总结主要总结了veu中组件、父组件和子组件之间的传值、兄弟组件数据交互、插槽的用法)1.组件定义:组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素,封装可重用的代1.1组件的基本使用Vue.component(‘组件名称’, { }) 第1个参数是标签名称,第2个参数是一个选项对象全局组件注册后,任何vue实例都可...原创 2020-04-02 22:13:45 · 353 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用————数组的变异方法和替换数组以及动态响应式数据处理
数组的变异方法和替换数组以及动态响应式数据处理1.数组的变异方法2.替换数组3.动态响应式数据处理1.数组的变异方法在 Vue 中,直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值,你会发现,只有数据改了,但是页面内容并没有改变变异数组方法即保持数组方法原有功能不变的前提下对其进行功能拓展代码:<!DOCTYPE html><html lang=...原创 2020-03-30 16:27:16 · 341 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用————vue中实例的生存周期
vue中实例的生存周期生命周期1.主要阶段常用的钩子函数实例的生命周期生命周期事物从出生到死亡的过程Vue实例从创建 到销毁的过程 ,这些过程中会伴随着一些函数的自调用。我们称这些函数为钩子函数1.主要阶段挂载(初始化相关属性)① beforeCreate② created③ beforeMount④ mounted更新(元素或组件的变更操作)① before...原创 2020-03-30 14:32:51 · 204 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用————自定义指令_计算属性_侦听器_过滤器总结
本章为总结的文章,主要总结了以下四个方面的内容1.自定义指令部分只有主要代码1.1自定义指令的基本用法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"...原创 2020-03-29 23:41:30 · 205 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用————vue/cli4.x的安装以及部署
vue/cli4.x脚手架的安装以及布置vue-cli的优势:1.成熟的vue项目架构设计,而且会跟随vue版本的更迭而更新;2、提供了-衰本地测试眼务器,而且是一个热加载的服务器 ;3、提供了自己的一衰集成打包 上线的方案, webpack或者gulpify在创建项目的时候可以进行选择;有了以上优势,可以非常快速的措建项目;vue-cli对系统的要求:vuecli是命令行的一个工具...原创 2020-03-29 16:12:28 · 290 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用———表单的基本操作以及表单域修饰符的用法
表单的基本操作以及表单域修饰符的用法1.表单的基本操作1.1表单涉及到的标签1.2代码2.表单域修饰符的用法3.在网页上的效果3.1未修改和提交前3.2修改和提交后1.表单的基本操作1.1表单涉及到的标签input[type="text]input[type="checkbxo]input[type="radio]textarea1.2代码<!DOCTYPE html&g...原创 2020-03-24 22:29:26 · 175 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用———利用所学的基本知识制作点击对应的标识下方图片跟随变动的效果
利用所学的基本知识制作点击对应的标识下方图片跟随变动的效果1.效果2.代码的实现3.注意的点:1.效果点击图片上方的car1,car2,car3下方的图片随着变动2.代码的实现<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title...原创 2020-03-24 21:28:20 · 208 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用———v-if、v-else、v-show的使用以及区别
v-if、v-else、v-show的使用以及区别1.v-if和v-else2.v-if和v-show的差别以及使用1.v-if和v-else代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <scrip...原创 2020-03-20 21:45:14 · 150 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用———v-for循环中key属性的使用
v-for循环中key属性的使用1.使用push,没有绑定key值1.1代码:1.2效果2.使用unshift时2.1代码:2.2效果3.总结1.使用push,没有绑定key值1.1代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></tit...原创 2020-03-19 22:57:18 · 330 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用———vue中v-for循环的四种使用
vue中v-for循环的四种使用1.v-for循环普通数组2.v-for循环对象数组3.v-for循环对象4.v-for迭代数字5.总结1.v-for循环普通数组代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> ...原创 2020-03-19 22:40:59 · 326 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用———vue中的样式-style
vue中的样式-style代码vue中的style样式-中共有两种写法看代码代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../...原创 2020-03-19 22:33:37 · 188 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用———vue中的class样式
vue中的class样式1.4中写法2.代码1.4中写法:class="[‘xxx’,‘xxx’]":class="[‘xxxx’,‘xxxxx’,flag?‘xxxx’:’’]":class="[‘xxx’,‘xxxx’,{‘xxxx’:flag}]":class="{red:false,thin:true,active:true}"也可以这样写:class=“classobj”,...原创 2020-03-18 20:09:46 · 266 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用———利用v-model制作简易计算机
v-model的学习1.效果2.代码3. 要点1.效果在两个输入框中分别输入数字,再选择做什么运算,最后按=号得到结果2.代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="t...原创 2020-03-18 19:59:23 · 214 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用———事件修饰符的学习
事件修饰符的学习1.本小节内容2.代码3.效果1.本小节内容.stop:阻止冒泡.prevent:阻止默认行为.cupture:实现捕获触发机制.self:实现点击当前元素才能出发函数触发机制.once:只触发一次函数2.代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"&g...原创 2020-03-17 22:45:37 · 137 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用———v-model的学习
v-model的学习1.效果2.代码3. 要点1.效果利用v-model实现双向绑定,在页面上修改值也可以修改定义在vue数据中的值2.代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script...原创 2020-03-17 22:40:39 · 136 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用———利用v-cloak等一系列指令完成跑马灯效果
利用v-cloak等一系列指令完成跑马灯效果1.效果2.代码3. 要点1.效果点击开始后实现文字依次向前移动的效果,前面的文字跑到后买2.代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!--导入v...原创 2020-03-16 22:18:54 · 294 阅读 · 0 评论 -
vue.js从入门到深入再到随心而用———v-cloak等一系列指令的学习
v-cloak的学习这小节将会提到的指令:这小节将会提到的指令:1.v-cloak:利用插值插入2.v-text:绑定标签中的全部文本3.v-html:绑定整个标签的html4.v-bind:绑定属性(缩写:英文的:)5.v-on:事件绑定(缩写:@)代码:<!DOCTYPE html><html> <head> <meta c...原创 2020-03-16 16:42:24 · 224 阅读 · 1 评论 -
vue.js从入门到深入再到随心而用———初步认识vue.js
初步认识vue.js1.vue.js简介1.确实轻量2.数据绑定3.指令4.插件化2.mvc和mvvm流程详解3.第一个vue.js程序1.vue.js简介Vue.js不是一个框架一它 只聚焦视图层,是一个构建数据驱动的Web界面的库。Vue.js通过简单的API提供高效的数据绑定和灵活的组件系统。先看看Vue.js 的特性。1.确实轻量除了以MVP模式代表的Riot.js 外, ...原创 2020-03-16 16:15:29 · 330 阅读 · 0 评论