随笔分类 -  vuejs

框架语法
vuex基础说明
摘要：vuex是什么 Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式 。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化 什么是“状态管理模式”？ 首先，我们先看一下下面这个例子 new Vue({ // state data () { retu 阅读全文
posted @ 2020-09-23 15:20 千年轮回 阅读(345) 评论(0) 推荐(0)
vue create 和 vue init 的区别
摘要：1. vue create 是vue-cli3.x的初始化方式，目前模板是固定的，模板选项可自由配置，创建出来的是vue-cli3的项目，与cue-cli2项目结构不同，配置方法不同，具体配置方法参考官方文档。 **使用方式：**vue create 项目名称 2. vue init vue ini 阅读全文
posted @ 2020-09-09 10:09 千年轮回 阅读(1388) 评论(0) 推荐(0)
vue路由模式解析
摘要：1、路由是由多个url组成，使用不同的url可以相应的导航到不同的位置 2、浏览器中对页面的访问是无状态的，所以我们在切换不同的页面时都会重新进行请求，而实际使用vue和vue-router开发就会明白，在切换页面时是没有重新进行请求的，使用起来就好像页面是有状态的，这是什么原因呢。这其实是借助了浏 阅读全文
posted @ 2020-06-08 15:53 千年轮回 阅读(407) 评论(0) 推荐(0)
Vue 组件中data为什么是函数
摘要：在创建或注册模板的时候，传入一个data属性作为用来绑定的数据。但是在组件中，data必须是一个函数，而不能直接把一个对象赋值给它。 Vue 实例的数据对象。Vue 将会递归将 data 的属性转换为 ，从而让 data 的属性能够响应数据变化。对象必须是纯粹的对象 (含有零个或多个的 对)：浏览器 阅读全文
posted @ 2020-04-14 17:18 千年轮回 阅读(1365) 评论(0) 推荐(0)
移动端弹窗后禁止滚动
摘要：配置说明 addEventListener目前第三个参数可以为布尔值或对象 为对象时默认配置如下 1. capture: false 2. passive: false 3. once: false 其中 属性等价于以前的 参数； 属性就是表明该监听器是一次性的，执行一次后就被自动 removeEv 阅读全文
posted @ 2020-01-06 15:36 千年轮回 阅读(440) 评论(0) 推荐(0)
VUE CLI3 less 全局变量引用
摘要：方法一 1、添加依赖 style resources loader 2、vue.config.js中添加 3、添加全局less引入 4、加入path 方法二 方法三 阅读全文
posted @ 2019-12-11 17:58 千年轮回 阅读(4051) 评论(0) 推荐(0)
vue-动态路由+动态组件+动态页面
摘要：动态路由 路由组件是 "vue router" 动态路由即从后端请求路由信息，然后转化生成路由信息。所以这里的关键是不会提前知道什么菜单对应什么组件，因此路由声明的时候不再是写死的组件，而是可替换的动态路径。相关的功能就是 "路由懒加载" ，以及 "异步组件" 具体过程就是 "导航守卫" 的前置守卫 阅读全文
posted @ 2019-11-22 15:58 千年轮回 阅读(16259) 评论(0) 推荐(0)
vue网络不好时不间断请求
摘要：配置默认参数 路由拦截 阅读全文
posted @ 2019-11-21 15:34 千年轮回 阅读(700) 评论(0) 推荐(0)
Vue中断axios请求-切换页面+重复请求
摘要：切换页面时中断 一、概述 在Vue单页面开发过程中，遇到这样的情况，当我切换页面时，由于上一页面请求执行时间长，切换到该页面时，还未执行完，这时那个请求仍会继续执行直到请求结束，此时将会影响页面性能，并且可能对现在页面的数据显示造成一定影响 所以我们应该，切换页面前中断前面所有请求 二、解决方法 在 阅读全文
posted @ 2019-11-21 15:21 千年轮回 阅读(2173) 评论(3) 推荐(0)
vue-添加全局扩展方法
摘要：1.添加全局方法或者属性，如: "vue custom element" 2.添加全局资源：指令/过滤器/过渡等，如 "vue touch" 3.通过全局 mixin 方法添加一些组件选项，如: "vue router" 4.添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实 阅读全文
posted @ 2019-11-20 19:12 千年轮回 阅读(3544) 评论(0) 推荐(0)
vue-$watch属性方法
摘要：特性 https://www.cnblogs.com/widgetbox/p/8954162.html https://segmentfault.com/a/1190000012948175?utm_source=tag newest 1、computed特性 一个数据受多个数据影响 1. 是计算值 阅读全文
posted @ 2019-11-07 14:47 千年轮回 阅读(6174) 评论(0) 推荐(0)
实例化Vue时的两种挂载方式el与$mount
摘要：1.el 2.$mount 阅读全文
posted @ 2019-11-07 14:09 千年轮回 阅读(1502) 评论(0) 推荐(0)