文章分类 -  vue

1 2 3 4 下一页
前端
vue中$refs的用法及作用详解
摘要：参考 https://www.cnblogs.com/yanggb/p/11536282.html 阅读全文
posted @ 2020-03-19 17:14 某年某月某某人 阅读(99) 评论(0) 推荐(0)
vuex 再次介绍
摘要：可以把他当成一个内存数据库用 ，它有点像H5的Cookie、localStorage之类的，但它刷新（F5）后会自己销毁，而H5的那些本地存储还在浏览器中 这样使用 上面可以调数据和方法 阅读全文
posted @ 2020-03-14 09:23 某年某月某某人 阅读(66) 评论(0) 推荐(0)
Vue-axios 拦截器
摘要：4种拦截器 请求拦截器，拦截之后必须返回，不然就报错了 上图中的第三种，可以根据参数中是否有token字段判断，没登录就跳转到哪里 第二种：响应拦截，出来结果之后拦截 阅读全文
posted @ 2020-02-14 15:10 某年某月某某人 阅读(92) 评论(0) 推荐(0)
Vue-axios 详解
摘要：新建一个类，专门用于封装axios 在main.js中调用request方法就行 阅读全文
posted @ 2020-02-14 14:55 某年某月某某人 阅读(104) 评论(0) 推荐(0)
Vue-vuex：详解
摘要：vuex 可以简单的将其看成把需要多个组件共享的变量全部存储在一个对象里面 然后，将这个对象放在顶层的Vue实例中，让其他组件可以使用，并且数据之间是响应式 Vuex就是为了提供这样一个在多个组件间共享状态的插件 对于某些状态(状态1/状态2/状态3)来说只属于我们某一个试图 但是也有一些状态(状态 阅读全文
posted @ 2020-01-03 11:13 某年某月某某人 阅读(130) 评论(0) 推荐(0)
ES6语法：Promise的使用
摘要：什么情况下会用到Promise? 一般情况下是有异步操作时,使用Promise对这个异步操作进行封装 new -> 构造函数(1.保存了一些状态信息 2.执行传入的函数) 在执行传入的回调函数时, 会传入两个参数, resolve, reject.本身又是函数 网络请求的回调地狱，如下图： 本质上P 阅读全文
posted @ 2020-01-03 09:07 某年某月某某人 阅读(154) 评论(0) 推荐(0)
Vue-router 详解七：案例
摘要：创建项目 vue init webpack lalal 但是我们设置的插槽，要分情况展示，所以： 安装路由 npm install vue-router --save 1.安装插件 2.创建路由对象 3.导出router 当发生点击事件的时候，通过liteClick方法，实现路由跳转 传递 acti 阅读全文
posted @ 2020-01-02 18:48 某年某月某某人 阅读(97) 评论(0) 推荐(0)
Vue-router 详解六：keep-alive和router-view
摘要：keep-alive 是 Vue 内置的一个组件 可以使被包含的组件保留状态，或避免重新渲染 如果不使用keep-alive 每次加载组件都要调用created和destroyed的方法 所以怎么使用keep-alive呢？？？ 使用keep-alive 阅读全文
posted @ 2020-01-02 17:39 某年某月某某人 阅读(2078) 评论(0) 推荐(0)
Vue-router 详解六：导航守卫
摘要：所以，当我们想改页面的一些东西的时候，直接在上面三个方法执行即可 但是，我们组件太多了，不能每个组件都定义这些方法 此时就需要全局监听了 这边是导航守卫 前置钩子，在路由跳转之前处理 后置钩子，组件跳转后回调 二者也叫全局守卫 其他的守卫：路由独享守卫、组件内的守卫 阅读全文
posted @ 2020-01-02 17:09 某年某月某某人 阅读(77) 评论(0) 推荐(0)
Vue-router 详解五：router和route
摘要：使用组件：驼峰命名 所有的组件都继承自Vue类的原型 阅读全文
posted @ 2020-01-02 16:54 某年某月某某人 阅读(97) 评论(0) 推荐(0)
Vue-router 详解四：参数传递
摘要：之前的动态路由 (params) 已经说过了 下面 详细讲解，query类型的 根据方法修改url并携带数据 第二种 阅读全文
posted @ 2020-01-02 16:34 某年某月某某人 阅读(149) 评论(0) 推荐(0)
Vue-router 详解三：路由的懒加载和嵌套路由
摘要：有时候我们组件太多，最后打包的时候，只会形成几个默认的组件 这样页面加载起来比较慢，所以出现了懒加载 ES6的懒加载组件写法如下： 文件中怎么引入懒加载 那么接下来，就是嵌套路由了 父路径的时候是一个组件 (/home)，子路径的时候也是一个组件 (/home/news) 不能再index.js中直 阅读全文
posted @ 2020-01-02 16:16 某年某月某某人 阅读(566) 评论(0) 推荐(0)
Vue-router 详解二：基础
摘要：vue-router 是基于路由和组件 路由用于设定访问路径, 将路径和组件映射起来 在vue-router的单页面应用中, 页面的路径的改变就是组件的切换 第一：安装命令： npm install vue-router --save 第二：在模块化的工程中使用它，因为是一个插件，所以可以通过Vue 阅读全文
posted @ 2019-12-31 10:46 某年某月某某人 阅读(92) 评论(0) 推荐(0)
Vue-router 详解一：学习router的前提知识
摘要：前端发展三大阶段 1.ajax出现之后，前后端分离 2.单页面富应用 SPA，在前后端分离的基础之上，加上了一层前端路由 前端路由的核心 改变URL，但是页面不进行整体刷新 几种改变url而不刷新页面的方法 1. URl的hash 2. H5的history 模式 pushState 3.H5的hi 阅读全文
posted @ 2019-12-31 09:31 某年某月某某人 阅读(93) 评论(0) 推荐(0)
CLI 详解六：箭头函数
摘要：定义函数的方法 1. 通过functin const aaa = function（）{} 2.对象字面量中定义函数 const bbb={ bbb(){} } 3.ES6中的箭头函数 const ccc = (参数列表) => {} 箭头函数中的参数和返回值 参数问题 放入两个参数时候，小括号不能 阅读全文
posted @ 2019-12-31 08:49 某年某月某某人 阅读(150) 评论(0) 推荐(0)
CLI 详解五：脚手架3.x
摘要：创建一个项目 vue create my-project 目录结构 阅读全文
posted @ 2019-12-30 14:04 某年某月某某人 阅读(73) 评论(0) 推荐(0)
CLI 详解四：别名的使用
摘要： 阅读全文
posted @ 2019-12-30 13:55 某年某月某某人 阅读(186) 评论(0) 推荐(0)
CLI 详解三：render函数的使用
摘要： 阅读全文
posted @ 2019-12-30 13:19 某年某月某某人 阅读(136) 评论(0) 推荐(0)
CLI 详解二：Runtime-Compiler和Runtime-only的区别
摘要：如果在之后的开发中，你依然使用template，就需要选择Runtime-Compiler 如果你之后的开发中，使用的是.vue文件夹开发，那么可以选择Runtime-only runtime-compiler(v1) template -> ast -> render -> vdom -> UI 阅读全文
posted @ 2019-12-30 12:19 某年某月某某人 阅读(164) 评论(0) 推荐(0)
CLI 详解一：脚手架的简单使用
摘要：安装vue 脚手架 命令 npm install -g @vue/cli 在cmd控制台 vue --version 看看版本 Vue CLI2初始化 (创建) 项目 vue init webpack my-project CLI3初始化项目 vue create my-project 脚手架3的目 阅读全文
posted @ 2019-12-30 11:41 某年某月某某人 阅读(192) 评论(0) 推荐(0)

1 2 3 4 下一页