![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
若茶先森
纷纷万事,直道而行
展开
-
vuex中module的使用
1.modules由于使用单一的状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂,store对象就会变得非常臃肿;为了解决这个问题,Vuex允许我们将store分隔成模块(module),每个模块拥有自己的state,mutation,action,getter,甚至是嵌套子模块const moduleA={ state:{}, mutation:{}, act...原创 2018-06-04 12:02:48 · 1530 阅读 · 0 评论 -
Vue.use()和Vue.component()理解
Vue.use(组件名)注册插件1.Vue.use :接受一个参数,这个参数内部必须有install方法,并会进行参数的install方法调用2.用vue.use进行组件注册时候,会首先判断组件的installed属性是否为true,为true说明此组件已经注册过, 如果没有注册的话,在use注册的同时,会给组件添加一个属性installed:true3.插件的instal...原创 2019-09-19 11:41:46 · 3996 阅读 · 0 评论 -
mvvm实现原理总结(数据劫持,数据代理,订阅者发布者模式)
MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了,它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。vue中采用的数据劫持+ 发布者订阅者模式https://blog.csdn.ne...原创 2019-09-04 11:35:44 · 440 阅读 · 0 评论 -
vue extend 的基本使用
1.组件构造器(extend)vue.extend创建的是一个组件构造器,不是直接过载在vue的示例对象,可以理解为构造了一个和vue组件内部有一样结构的对象,因此需要在vue上进行注册才能使用最终还是要通过Vue.components注册才可以使用的。 代码示例const Loading = Vue.extend({ template: ``, data () ...原创 2019-08-13 14:13:48 · 2515 阅读 · 0 评论 -
常见的一些前端知识点总结
1,如何实现vue的路由填坑记录懒加载,有几种写法在vue中组件懒加载又称为代码分割,也叫延迟加载,即在需要的时候进行加载,随用随载。不用懒加载的话,webpack打包后的文件会异常过大,造成进入首页时候,需要加载的内容过多,时间长。会出现长时间的白屏,即使做了loading也不利于用户体验概念: 把不同的路由对应的不同的组件分割成不同的代码块,当路由访问的时候,再去做加载对应的组件,这是利...原创 2019-05-16 14:06:00 · 570 阅读 · 3 评论 -
vue中 解决弹窗出现之后背景滚动(移动端 )
watch: { show(v) { this.toggleContainerTouchAction(v) if (v) { document.body.addEventListener('touchmove', this.stopTouch, { passive: false, capture: true }) } else { ...转载 2019-03-19 11:14:05 · 1970 阅读 · 1 评论 -
vue中用mock数据模拟前后端接口
vue框架中实现mock数据模拟后端接口-提高开发效率1,npm安装mockjs npm install mock.js2,src目录下新建mock文件夹-新建index.js import Mock from 'mockjs'; const userInfo = Mock.mock( '/test.advance/login','post', (req, res)...原创 2018-10-10 14:14:41 · 1247 阅读 · 0 评论 -
vue的路由全钩子函数示例
1.全局钩子:主要包括beforeEach和aftrEach, beforeEach函数有三个参数:to:router即将进入的路由对象from:当前导航即将离开的路由next:Function,进行管道中的一个钩子,如果执行完了,则导航的状态就是 confirmed (确认的);否则为false,终止导航。 afterEach函数不用传next()函数//使用钩子函数对路由进行权限跳转rout...转载 2018-06-07 16:57:34 · 1825 阅读 · 0 评论 -
vue-demo示例
Vue-cnodejs - 基于vue重写Cnodejs.org的webappNeteaseCloudWebApp - 高仿网易云音乐的webappvue-zhihu-daily - 知乎日报 with Vuejsvue-wechat - vue.js开发微信app界面vue2-demo - 从零构建vue2 + vue-router + vuex 开发环境eleme - 高仿饿了么app商家详情...转载 2018-05-31 00:10:34 · 29440 阅读 · 4 评论 -
vue-常用库
vuex - 专为 Vue.js 应用程序开发的状态管理模式vuelidate - 简单轻量级的基于模块的Vue.js验证qingcheng - qingcheng主题vue-desktop - 创建管理面板网站的UI库vue-meta - 管理app的meta信息vue-axios - 将axios整合到VueJS的封装vue-svg-icon - vue2的可变彩色svg图标方案avoriaz...转载 2018-05-31 00:08:57 · 601 阅读 · 0 评论 -
vue-开发框架
vue.js - 流行的轻量高效的前端组件化方案vue-admin - Vue管理面板框架electron-vue - Electron及VueJS快速启动样板vue-2.0-boilerplate - Vue2单页应用样板vue-spa-template - 前后端分离后的单页应用开发Framework7-Vue - VueJS与Framework7结合vue-bulma - 轻量级高性能MV...转载 2018-05-31 00:07:56 · 244 阅读 · 0 评论 -
vue-ui组件
element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式一致的响应式 UI 库vuetify ...转载 2018-05-31 00:06:59 · 551 阅读 · 0 评论 -
vue-图片预览插件
https://www.npmjs.com/package/vue-photo-preview“基于photoswipe的VUE图片预览插件”vue-photo-preview原创 2018-05-31 00:04:49 · 19495 阅读 · 5 评论 -
vue中生产环境和开发环境判断
const urlDev = 'http://dev.womaoapp.com'const urlQa = 'http://qa.oss.womaoapp.com'var url = ''process.env.NODE_ENV === 'development' ? url = urlDev : url = urlQaconst excelUrl = url + '/fwas.message.a...原创 2018-06-06 17:42:58 · 16803 阅读 · 0 评论 -
vue2.0中 keep-alive实践
1.基本用法vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗<keep-alive><component> <!-- 组件将被缓存 --></component></keep-alive>有时候 可能需要缓存整个站点的所有页面,而页面一般一进去都要触发请求的在使用keep-aliv...转载 2018-05-30 00:54:43 · 152 阅读 · 0 评论