vue
文章平均质量分 75
Vue学习笔记
李傻2019
这个作者很懒,什么都没留下…
展开
-
08 vue之Mock假数据
十、Mock假数据假数据,提供假数据,可以让假数据不需要等待后端的接口,而直接进行下一步的开发,一个常用的工具:EasyMock1、创建项目编辑数据编辑数据2、在Main.vue中添加表格<!--************************************************************************--><!--当el-table元素中注入data对象数组后,在el-table-column中用prop属性来对应对象中的键名即可原创 2021-03-28 10:21:02 · 646 阅读 · 0 评论 -
07 vue之路由钩子与异步请求
九、路由钩子与异步请求1.路由中的钩子函数beforeRouteEnter:在进入路由前执行beforeRouteLeave:在离开路由前执行Profile.vue<script> export default { name: "UserProfile", props:['id'], beforeRouteEnter:(to,from,next)=>{ console.log("进入路由之前");原创 2021-03-28 10:20:23 · 395 阅读 · 0 评论 -
07 vue 之 参数传递和重定向
六、参数传递我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。此时我们就需要传递参数了;1、使用路径匹配的方式1)修改路由配置index.js{ path:'/user/profile/:id', name:'UserProfile', component:UserProfile}说明:主要是在path属性中增加了:id这样的占位符2)传递参数的两种方式(1)router-li原创 2021-03-28 10:19:06 · 587 阅读 · 0 评论 -
06 vue之嵌套路由
1、什么是嵌套路由嵌套路由又称子路由,在实际应用中,通常由多层嵌套的组件组合而成。同样地,URL 中各段动态路径也按某种结构对应嵌套的各层组件,例如:2、创建嵌套视图组件1)用户信息组件在 views/user目录下创建一个名为 Profile.vue的视图组件;该组件在当前章节无任何作用,主要用于展示嵌套效果;<template> <h1>个人信息</h1></template><script> export原创 2021-03-28 10:17:58 · 100 阅读 · 0 评论 -
05 vue之Vue和ElementUI实战
四、Vue实战快速上手实战采用ElementUI组件库ElementUI官网1、创建工程#离线创建webpack模板vue init webpack vue-elementui --offline#在线创建webpack模板vue init webpack vue-elementui2、安装依赖#安装vue-routernpm install vue-router --save-dev#安装ElementUI依赖npm i element-ui -S#安装依赖npm inst原创 2021-03-28 10:16:29 · 114 阅读 · 0 评论 -
04 vue之路由vue-router
三、路由(组件间的跳转)路由器的功能:就是在数据通信时,帮你选择通信的路线在vue中的路由,能够帮助我们在一个vue组件中实现其他组件的相互切换也就是说,可以通过路由模块,将指定的组件显示在路由视图中,如何实现路由跳转?1、简介Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控原创 2021-03-28 10:14:26 · 94 阅读 · 0 评论 -
03 vue之 Axios和跨域问题
一、Axios1、Axios介绍Axios 是一个开源的可以用在浏览器端和 NodeJS 的异步通信框架,她的主要作用就是实现 AJAX 异步通信,其功能特点如下:从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF (跨站请求伪造)GitHub:https://github.com/axios/axios中文:http原创 2021-03-28 10:13:05 · 232 阅读 · 0 评论 -
02 Vue进阶(一)
文章目录02 Vue进阶(一)一、Vue实例1、一个基本的实例2、新的实例3、一个实例改变另一个实例中的内容,通过给实例命名4、在vue外面操作vue实例——操作属性5、调用vue实例中的方法——操作方法6、Vue的实例属性7、实例属性ref的用法:相当于是id8、动态绑定vue实例到页面中二、Vue组件1、注册组件(全局注册)2、作为组件的Vue对象的特点1)特点一:data2)特点2:template写法3、Vue组件的本地(局部)注册三、Vue实例的生命周期四、Vue结合BootStrap搭建首页五、原创 2021-03-23 10:29:11 · 110 阅读 · 0 评论 -
01 Vue基础
01 Vue基础一、什么是 Vue1.简介Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式的js框架,发布于 2014 年 2 月。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库(如: vue-router , vue-resource , vuex )或既有项目整合。2.MVVM 模式的实现者——双向数据绑定模式MVC:M:modelV:viewC:ControllerMV原创 2021-03-18 22:40:34 · 164 阅读 · 0 评论