vue
关注
分享
扫一扫
西米露U
这个作者很懒，什么都没留下…
展开
-
SPA项目之首页导航+左侧菜单
SPA项目之首页导航+左侧菜单Mock.js简介下载引入Mock.js简介比如像我们之前写的spa项目，前后台的服务都是开启的，利用ajax进行跨域访问后台的服务器，但是一般后台是在后台项目开发完之后才会出现接口让前台连接，但这种情况在公司的开发情况下效率会变得特别低为了解决这个问题，我们使用Mock.jsMock.js是一个模拟数据的生成器，用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率数据类型丰富支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等拦截A原创 2020-08-30 11:17:16 · 5436 阅读 · 0 评论 -
VUE登陆
VUE登陆+注册前期准备使用vue-cli脚手架工具创建一个vue项目npm安装elementUI后台交互(axios/qs/vue-axios)axiosGET提交POST提交qsvue-axios下载axios登录实现登录界面提交数据方式vue-axios演示get方式演示post方式前端完整代码Login.vueindex.jsmain.jsaction.jshttp.js前期准备使用vue-cli脚手架工具创建一个vue项目搭建项目博客参考npm安装elementUI第一步打开cmd进原创 2020-08-26 17:07:35 · 622 阅读 · 0 评论 -
使用vue-cli搭建SPA项目
使用vue-cli搭建SPA项目vue-cli什么是vue-cli?安装vue-cli使用脚手架vue-cli(2.X版)来构建项目vue项目结构说明vue文件组件嵌套实例使用vue-cli搭建项目首先要搭建好Node.js的环境不会的可以去康康我之前的博客，有写传送门vue-cli什么是vue-cli?vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下：vue init webpack xxx注1：xxx 为自己创建项目的名称注2：必原创 2020-08-23 17:57:34 · 103 阅读 · 0 评论 -
传统html+vue+elementUI开发&nodeJS环境搭建
传统html+vue+elementUI开发&nodeJS环境搭建ElementUI简介Node.js简介npmNode.js环境搭建下载ElementUI简介我前面分享了关于VUE的好几篇博客，我们可以知道它的核心思想是组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件有对这个比较感兴趣的可以去他们官网康康ElementUI官网类似前端框架还有iview原创 2020-08-23 15:36:08 · 249 阅读 · 0 评论 -
VUE路由
VUE路由SPASPA实现思路和技术点通过vue的路由可实现多视图的单页Web应用(基于html的SPA)router-link相关属性SPASPA是什么单页Web应用（single page application，SPA），就是只有一个Web页面的应用，是加载单个HTML页面，并在用户与应用程序交互时动态更新该页面的Web应用程序单页面应用程序:只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后,由页面中js解析获取的数据, 展示在页面中传统多页面应用程序:对于传统的多原创 2020-08-22 18:35:03 · 134 阅读 · 0 评论 -
VUE基础语法02
VUE基础语法02样式绑定class绑定style绑定事件处理器事件监听事件修饰符按键修饰符vue表单常用控件修饰符上次写了VUE基础语法01感兴趣的可以去康康传送门样式绑定class绑定使用方式：v-bind:class="expression" expression的类型：字符串、数组、对象代码示例<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title&原创 2020-08-21 16:25:26 · 110 阅读 · 0 评论 -
VUE基础语法01
VUE基础语法01插值解释代码示例浏览器与HBuilder的代码对比指令参数动态参数修饰符简写过滤器计算属性监听属性插值解释文本{{msg}}html使用v-html指令用于输出html代码属性使用v-bind指令绑定给它赋值表达式使用v-bind指令与{{}}配合函数符号代码示例<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>vue的基本原创 2020-08-21 15:12:45 · 152 阅读 · 0 评论 -
VUE入门及简单示例
VUE入门库和框架的区别MVVM的介绍安装Vuecdn下载手动下载Vue.js是什么？Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架官网：https://cn.vuejs.org/Vue作者：尤雨溪/中国无锡库和框架的区别库(Library):本质上是一些函数的集合。每次调用函数，实现一个特定的功能，接着把控制权交给使用者代表：jQueryjQuery这个库的核心：DOM操作，即：封装DOM操作，简化DOM操作框架(Framework):是一套完整的解决方案，使用原创 2020-08-18 16:55:06 · 219 阅读 · 0 评论