作为一个完整的Demo，系列文章中的完整项目，会实现一个文件上传和管理的单页面Web应用1安装依赖包项目中使用了vue.js，webpack，gulp，还有饿了么开源的elementUI，因为使用了es2015，所以还需要引入babel将es6的js代码转换...
同时一般还会有一个遮罩层。此次需求比较简单，也无需图标等内容，所以结构上写的也比较简单。实际开发中可根据需求对结构进行相应的调整。组件样式.dialog{position:relative;.dialog-content{position:fixed;box-si...
首先创建一个vue项目vueinitwebpackmy-projectcdmy-projectnpminstall安装cube-uinpminstallcube-ui-S官方推荐使用babel-plugin-transform-modules插件，可以更优雅引入组件模块以及对应的样式。npminstallbabel-pl...
use方法，可以把一个符合vue标准的对象加载到vue本体上。首先给我们的main.js下面增加一行。然后打开我们自己的js文件，按照下面的方式书写：最后在页面中调用的时候：到此我们的插件已经跟vue融为一体！其实插件本身还支持更多...
递归组件组件在它的模板内可以递归地调用自己，只有当它有name选项时才可以。在官网这句话就是关键定义组件是一定要有name属性。模拟数据格式如下：[{"id":"1","menuName":"基础管理","menuCode":"10"...
功能概述学习了Vue.JS的一些基础知识，现在利用指令、数据绑定这些基础知识开发一个简单的购物车功能。功能要点如下：（1）展示商品的名称、单价和数量；（2）商品的数量可以增加和减少；（3）购物车的总价要实时更新，即...
https://unpkg.com/vue@2.5.3/dist/vue.js来，直接开始：创建一个.html文件，然后通过如下方式引入Vue：https://jsfiddle.net/chrisvfritz/50wL7mdz/Vue.js文档：https://cn.vuejs.org/v2/guide/https...
可以看下我的github：https://github.com/padipata，里面有我学习、工作写的一些vue项目。言归正传~~首先，列出来我们需要的东西：node.js环境（npm包管理器）vue-cli脚手架构建工具cnpmnpm的淘宝镜像安装node.js...
Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。让我们从一个简单的Vue计数应用开始：实例演示"运行案例...
本章节我们主要介绍Vue.js的过渡效果与动画效果。包括如何编写自定义CSS动画、如何配合第三方CSS动画库、过渡钩子函数的使用、如何使用第三方JavaScript动画库。本小节的内容相对之前有些难度，同学们在阅读一遍之后...
2024/6/29
2024/6/29
2024/6/29
2024/6/29
2024/6/29
2024/6/29
2024/6/29
2024/6/29
2024/6/29