Vue_实例案例
关注
分享
扫一扫
介绍几个简单地Vue实例小案例
徐小硕
自律即自由
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue.js_实例_订单列表
下面做了一个商品订单列表的页面，对商品进行选择并进行价格合计的计算。 对新学习vue的同学可以作为小练习进行训练。 运行截图如下： 代码中使用了axios.js来实现对数据的异步操作。 axios.js链接：axios.min.js 下面是代码部分： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue_实例_订单列表</title>原创 2020-05-11 09:38:54 · 1427 阅读 · 0 评论 -
Vue.js_实例_品牌列表
下面做了一个汽车品牌列表的页面，可以对列表信息进行添加、删除和搜索操作 对新学习vue的同学可以作为小练习进行训练 运行截图如下： 其中使用到Bootstrap.js框架 Bootstrap.js链接：Bootstrap.js 下面是代码部分： <!DOCTYPE html> <html> <head> <meta charset=...原创 2020-05-08 14:08:47 · 638 阅读 · 0 评论 -
Vue.js_实例_购物车列表
下面做了一个简单的购物车列表的页面，可以对商品进行管理，全选商品，批量删除，计算商品总价等等。 对新学习vue的同学可以作为小练习进行训练 运行截图如下： 代码中用到了Bootstrap.js框架和axios.js来实现Vue进行异步数据操作 Bootstrap.js链接：Bootstrap.js axios.js链接：axios.min.js 下面是代码部分： <...原创 2020-05-07 16:29:43 · 666 阅读 · 2 评论 -
Vue.js_实例_菜单导航栏
经过几个月的学习。慢慢熟悉了vue框架的使用，接下来我用vue编写一个菜单导航栏的实例，作为短暂性的小结。 运行视图如下 下面是代码部分： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue_实例</title> <...原创 2020-05-07 16:00:07 · 1509 阅读 · 0 评论