随笔分类 -  vue

将vue页面导出为图片或者PDF文件
摘要：导出为图片 1.将页面html转换成图片 npm install html2canvas --save 2.在需要导出的页面引入 import html2canvas from 'html2canvas'; 3.在 methods 中添加方法 dataURLToBlob(dataurl) {//ie 阅读全文
posted @ 2019-12-12 15:31 mumengchun 阅读(8799) 评论(0) 推荐(1)
vue 开发的技巧
摘要：1.require.context() reqire.context() 其实是 webpack 的方法，vue-cli 是基于 webpack 的，而且基本上 vue 项目都是基于 webpack 进行工程化了的，所以是可以用这个 API 方法的； require.context(director 阅读全文
posted @ 2019-10-29 14:00 mumengchun 阅读(432) 评论(0) 推荐(0)
vue-cli3.0 多页面和单页面的配置以及相互之间的切换
摘要：在vue-cli3.0的脚手架中，创建了项目之后，很多配置都是都是已经生成了的，比如入口文件entry，和 output 等等都是已经设置好的，如果想要改动的话，我们需要添加 vue.config.js 去修改，在这里边官方提供了 publicPath 用来设置打包之后我们引入文件的路径，这里不支持 阅读全文
posted @ 2019-10-13 10:54 mumengchun 阅读(3351) 评论(0) 推荐(0)
关于切换环境变量的问题（ 以vue-cli3.0 为例）
摘要：在 项目的开发中我们一般需要区分多种环境，有时候不一定只有开发环境，生产环境，测试环境，还有可能会区分更多的环境，那么区分这些环境的话，我们的配置有多中方式； 方式一：直接只用 .env.development 和 .env.production 来进行环境的区分，每次发版的时候修改环境变量的值来加 阅读全文
posted @ 2019-10-11 14:16 mumengchun 阅读(1310) 评论(0) 推荐(0)
vue-router 钩子
摘要：vue-router 导航守卫主要是用来进行一些操作，比如最常见的登录权限验证，当用户满足条件的时候，才让其进入导航，否则就取消跳转，并跳到登录页面让其登录； vue-router 的钩子包括：全局的钩子、单个路由独享的钩子、组件级的钩子； 全局守卫 全局守卫包括：router.beforeEach 阅读全文
posted @ 2019-09-11 09:43 mumengchun 阅读(682) 评论(0) 推荐(1)
vuex 基础
摘要：vuex 状态管理模式，采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化； 每一个 vuex 应用的核心是 store ，store 可以看做一个容器，跟 data 相对差不多，包含着应用中大部分的 state 状态；vuex 和 普通的全部对象有两个不同： 阅读全文
posted @ 2019-08-28 11:58 mumengchun 阅读(169) 评论(0) 推荐(0)
vue2.x.0 版本新增的 API
摘要：1、inheritAttrs、$attrs、$listeners inheritAttrs 是 vue2.4.0 版本新增的组件配置项，主要是为了清除在引用子组件时候配置的多余的属性的；例如： 在父组件中我们引用了子组件 <child-com :di='1' name='child' />； 但是我 阅读全文
posted @ 2019-08-13 17:39 mumengchun 阅读(463) 评论(0) 推荐(0)
vue3.0 VS vue2.0
摘要：vue3.0 的发布与 vue2.0 相比，优势主要体现在：更快、更小、更易维护、更易于原生、让开发者更轻松； 更快 1、virtual DOM 完全重写，mounting & patching 提速 100%； 2、更多编译时 （compile-time）提醒以减少 runtime 开销； 3、基 阅读全文
posted @ 2019-08-05 17:37 mumengchun 阅读(2679) 评论(0) 推荐(0)
vue-route 基础
摘要：vue-router 是 vue 官方提供的路由管理器；使用 path-to-regexp 作为路径的匹配引擎，所以支持很多的高级的配置模式； vue-router 的模式一共分为： hash、history、abstract 三种； 导航 vue-router 的导航分为两种模式：声明式导航和编程 阅读全文
posted @ 2019-08-05 14:30 mumengchun 阅读(705) 评论(0) 推荐(0)
vue-router 路由模式
摘要：vue-router 的路由模式有三种： hash、history、abstract； hash：浏览器环境，使用 URL hash 值来做路由；支持所有浏览器，包括不支持 HTML5 History Api 的浏览器； history：依赖 HTML5 History API 和 服务器配置； a 阅读全文
posted @ 2019-08-02 13:20 mumengchun 阅读(1767) 评论(0) 推荐(0)
vue 生命周期的理解
摘要：vue的生命周期钩子： beforeCreate、created、beforeMount、mounted、beforeUpdate、update、beforeDestroy、destroyed、activated、deactivated、errorCaptured；在 vue-v2.6 的版本中，又 阅读全文
posted @ 2019-08-02 10:46 mumengchun 阅读(1003) 评论(0) 推荐(0)
uni-app 基础
摘要：uni-app 是一款基于 vue 的支持多端开发的一套开源的架构 创建 && 运行发布 除了运用 HBuilderX 之外，还可以使用 vue-cli 进行创建项目，但是 vue-cli 必须是 3.x 的版本 npm instiall -g @vue/cli // 安装 vue-cli 最新的版 阅读全文
posted @ 2019-07-30 09:55 mumengchun 阅读(962) 评论(0) 推荐(0)
vue-cli3.0 进行项目的部署和构建
摘要：首先如果没有进行 vue-cli3.0 脚手架的安装，就要先进行安装，一下是全局的一个安装命令 npm install -g @vue/cli 安装了 vue-cli3.0 之后就可以进行项目的构建了，创建项目的命令是： vue create my_pro 然后还会展示 可以模板的选择，可以通过“上 阅读全文
posted @ 2019-07-24 14:24 mumengchun 阅读(6233) 评论(0) 推荐(0)
Vue 中的 Virtual Dom
摘要：Vue.js 2.0引入Virtual DOM,比Vue.js 1.0的初始渲染速度提升了2-4倍，并大大降低了内存消耗； vue中模板转换成视图的大致过程是：vue.js 通过编译将 template 模板转换成渲染函数（render），执行渲染函数就可以得到一个虚拟的节点；然后在对 model 阅读全文
posted @ 2019-07-04 11:09 mumengchun 阅读(1547) 评论(0) 推荐(0)
vue组件之间的通信
摘要：在vue中组件之间的通信，大致可以分为几种方式： （1）通过 props 和 $emit 实现父子组件的通信； （2）通过 $parent 和 $children 实现组件之间的通信; （3）通过 $attr 和 $listeners 实现组件之间的通信； （4）通过1.0版本中的 $dispatc 阅读全文
posted @ 2019-03-06 17:01 mumengchun 阅读(258) 评论(0) 推荐(0)
vue的响应式原理
摘要：Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当修改它们时，视图会进行更新。 当我们把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.definedProper 阅读全文
posted @ 2018-12-29 14:10 mumengchun 阅读(561) 评论(0) 推荐(0)
关于vue 中的API （nextTick directive filters Vue.use)
摘要：nextTick vue在更新数据的时候，其实是一个异步的过程，在我们去修改数据流中的数据，也就是定义在data中的数据的时候，页面组件组件并不会立即去响应，因此说vue在更新数据的时候是一个异步的过程； 每次在更改数据的时候，它都会打开一个队列，并缓冲在同一个事件循环中发生的所有数据更改，也就是说 阅读全文
posted @ 2018-12-29 13:50 mumengchun 阅读(651) 评论(0) 推荐(0)