Vue.js
autumn-leaf
毕设源码联系qq:2293948658。
展开
-
vue之echarts动态获取数据制作饼状图
好久没写博客了,最近碰到了如何运用echarts制作各种图表的问题,在几番百度之后,问题终于得到了解决,现在来和大家分享一下。之前所做的是影城管理系统,需要统计各个类型影片的数量,要通过饼状图的方式来展示相应的数据,后端代码是用springboot写的,结合了mybatis,接下来我只展示主要的代码。首先FilmMapper接口中定义的方法如下: /** * 按照类别...原创 2020-01-13 19:56:08 · 9430 阅读 · 5 评论 -
Vue.js03之常用标签v-for,v-if,v-show
相信大家看了我的前面两次博客关于Vue.js相关的讲解之后,应该对Vue.js了解了一些基础知识了。本次将会继续讲解Vue.js常用的指令v-for,v-if和v-show。v-for我们用 v-for指令根据一组数组的选项列表进行渲染。v-for指令需要使用 item in items形式的特殊语法,item是源数据数组并且item是数组元素迭代的别名。接下来我们上一段代码进行详细的...原创 2019-03-30 19:33:40 · 1700 阅读 · 0 评论 -
Vue.js01之常用标签及跑马灯小案例
如今Vue.js越来越火了,主学后端的我也开始学习前端的热门框架了。首先简单介绍一下Vue.js,Vue.js是以数据驱动和组件化的思想构建的。相比于Angular.js,它提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用。如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM。它通过一些...原创 2019-03-26 21:30:27 · 409 阅读 · 0 评论 -
Vue.js02之常用标签v-model及计算器案例
本次我们继续讲解Vue.js的常用指令,并且我们会用所学的知识来写一个计算器的小案例帮助大家巩固新的知识。首先我们先来一段新的代码,代码如下:<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"&...原创 2019-03-27 20:13:20 · 815 阅读 · 0 评论 -
Vue.js04之简易留言板设计与实现(基于WebStorm)
前面3次都是介绍的Vue.js一些常用的指令,如果大家对常用的指令还不熟悉的,可以查看我之前写的博客,也可以查看Vue的官网,链接为https://cn.vuejs.org/v2/api/,里面的API文档写的非常不错,对于初学者来说能够收获很多。好了,接下来先来展示本次简易留言板的效果图,如下图所示:我们可以对评论进行增加,也可以进行删除,本次demo不涉及后端知识,全为前端Vue知识的...原创 2019-04-03 13:15:21 · 1611 阅读 · 3 评论