我的博客

【代码】vue2中如何在组件销毁时销毁定时器以及移除监听。

这样如果需要给子组件的元素修改样式就不能直接修改了，需要使用到样式穿透。在什么情况下scoped会添加标记？css、stylus写法。

vue項目中的样式穿透

三、前端调公司后台预支付接口，传递openid、商品id、商品单价、商品数量，获取那5个参数。四、前端调用uni/wx.requestPayment调用微信支付方法，传递5个参数，获取支付结果（成功或失败）二、前端调公司后台(公司后端拿到前端的code直接调用微信官方接口)获取openid的接口，获取openid。一、前端调用uni.login/wx.login调用微信接口，获取code，code相当于临时身份证。

一、Image Preview 图片预览插件二、vscode-fileheader 和 koroFileHeader 生成文件备注三、formate: CSS/LESS/SCSS formatter css样式美化四、Path Intellisense 引用路径智能提示（填充路径）五、Auto Close Tag 自动关闭标签六、Auto Rename Tag 标签重命名七、Code Spell Checker 拼写检查错误的单词八、Color Picker 颜色选择器九、vscode-icon/vs

【代码】vue-signature-pad電子簽名插件如何使用。

一、其实.sync就是一个语法糖子。一般来说父组件给子组件传值，子组件是不可以直接改变这个值的必须要通过emit()通知父组件自自己来改这个值。而sync就是简化了这个emit的操作，可以让父组件上不用写监听子组件发布的事件。

utils/directives文件。

处理项目中的ESlint语法报错问题1.在项目根目录下创建一个格式化文件时候的配置项.prettierrc文件

【代码】vue如何显示base64图片。

一、把数据存入localstorage里面去持久化数据，加载的时候从localstorage里面拿出来。推荐插件 vuex-persistedstate。

Element UI自带的el-select组件没有全选功能，只能自己封装了。

如果你有一个巨大的数组或Object，并且确信数据不会修改，使用Object.freeze()可以让性能大幅提升。这种提升大约有5~10倍，倍数随着数据量递增,对于纯展示的大数据，都可以使用Object.freeze提升性能。...

在vue.config.js里面配置。

2.inject选项应该是一个字符串数组，或一个对象，对象的key是本地的绑定名。1.provide选项应该是一个对象或返回一个对象的函数。

一、vue官方文档解释为该prop指定一个默认值。如果该prop没有被传入，则换做用这个值。对象或数组的默认值必须从一个工厂函数返回。

一、跨域访问需要发送cookie时需要在axios.js加上下面的代码。

路由报错

方法一、重置表单数据fromthis.form = this.$options.data().form方法二、重置所有数据this.$data = this.$options.data()

问题原因：Vue 异步执行 DOM 更新。只要观察到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据改变。如果同一个 watcher 被多次触发，只会被推入到队列中一次。数组详解数组数据变动，使用某些方法操作数组，变动数据时，有些方法无法被vue监测push()，pop()，splice()，sort()，reverse()可被vue检测到filter(), concat(), slice()。这些不会改变原始数组，但总是返回一个新数组。当使用非变异方法时，可以用新数组替换旧数

一、Vue路由跳转的方式1.声明式导航<router-link :to="...">2.编程式导航This.$router.push //这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，会回到之前的 URL。this.$router.replace //它的作用类似于router.push唯一不同的是，它在导航时不会向 history 添加新记录，正如它的名字所暗示的那样——它取代了当前的条目。This.$router.go() //采用一个

1.当我们使用右键格式话代码的时候，在eslint里面总是报错如何处理？首先在项目根目录下床架一个叫.prettierrcd 的文件 然后在里面写入以下代码{ "semi": false, // 使用分号, 默认true "singleQuote": true, // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号) "bracketSpacing": true // 对象中的空格 默认true}...

一、首先需要有node环境到百度下载//全局下载脚手架npm install -g @vue/cli 二、基于交互命令行形式创建vue项目vue create my-project三、基于图形化界面的方式创建，新版vue项目vue ui四、基于2.x的就模板创建vue项目 npm install -g @vue/cli-initvue init webpack my-project...

方法一，新建一个js文件作为事件中心//eventBus.js文件import Vue from 'vue'export default new Vue()需要发布事件的组件上面使用eventBus.$emit()发布事件组件A发布事件//A组件<template> <div id="app"></div></template><script>import eventBus from './eventBus.js'ex

一、路由模式有两种1.Hash模式基于锚点 onhashchange事件，通过锚点的值作为路由地址，当地址发生变化的时候触发onhashchange事件2.History模式基于HTML5中的History API以下两个方法history.pushState()history.replaceState()...

1.给属性值赋为 unset可以清除css已设定的属性 .elementStyle { flex: unset; }2.使用深度选择器可选中子孙元素后面的元素三种方法1.使用 >>> 方法 缺点可能会有兼容性问题 (不推荐)2.使用::v-deep 方法3.使用 /deep/ (推荐)>>>.elementStyle { height:100vh; width:10vw;}::v-deep.elementStyle { height

1.vue中出现 There are multiple modules with names that only differ in casing的问题可能是你文件或者项目文件夹的首字母没有大写，严格区分大小写的所以会有警告，把项目的文件夹名称改成大写就好了2.ue项目中导入icon字体文件出现This relative module was not found:* ./iconfont.eot?t=1523541245904类似报错检查一下是否fonts文件夹缺少iconfont.eot文件..

vue高级用法一、watch监听默认绑定，页面首次加载时候，是不会执行，只有值发生改变的时候才会执行如果想立即执行则watch：{name:{handler(){//执行的代码},immediate：true //true就表示会立即执行}}二、deep属性如果监听的是对象类型，当手动修改对象的摸个属性时，发现是无效的。这是时候就需要deep属性data:{obj:{name:‘小红’}},watch:{obj:{handler(newName,oldName){