vue中解决闪烁问题，vue常见的事件修饰符

本内容由系统网小编为大家分享，Windows系统安装教程、办公系统、软件怎么使用、软件使用教程、办公软件攻略等信息。

1.npm下载超时或者失败

npm安装依赖包是从国外服务器下载，受网络影响很大，可能会出现异常，cnpm解决了这个问题，cnpm是国内镜像

安装：

2.can’t not find ‘xxModule’ - 找不到某些依赖或者模块

这种情况一般报错信息可以看到是哪个包抛出的信息，一般卸载模块重新安装即可

3.data functions should return an object

这个问题是 vue 实例内,单组件的data必须返回一个对象;如下

必须包含return，为什么要return一个数据对象呢？曾经看到的解释：data必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例，如果 data 仍然是一个纯粹的对象，则所有的实例将共享引用同一个数据对象！简言之,组件复用下,不会造成数据同时指向一处,造出牵一发而动全身的破问题...

4.用了axios,IE浏览器不识别（IE9+）

那是因为 IE 整个家族都不支持 promise, 解决方案:

5.在函数内用了this.xxx=,为什么抛出Cannot set property ‘xxx’ of undefined;

this是和当前运行的上下文绑定的。。。

一般在axios或者其他promise，或者setInterval 这些默认都是指向最外层的全局钩子

简单点说：最外层的上下文是window,vue内则是Vue对象而不是实例

解决方案:

暂存法: 函数内先缓存 this , let that = this;(let是 es6, es5用 var)箭头函数: 会强行关联当前运行区域为 this 的上下文;

6.引入的小图片渲染出来却是 data:image/png;base64xxxxxxxx

这个是 webpack 里面的对应插件处理的，对于小于多少 K 以下的图片(规定的格式)直接转为 base64格式渲染;

具体配置在webpack.base.conf.js里面的rules里面的 url-loader，这样做的好处:在网速不好的时候先于内容加载和减少http的请求次数来减少网站服务器的负担。

7.Component template shold contain exactly one root element.If you are useing v-if on multiple elements , xxxxx

大体就是说,单组件渲染 DOM 区域必须要有一个根元素,不能出现同级元素. 可以用v-if和v-else-if指令来控制其他元素达到并存的状态。

换个直白的解释,就是有一个唯一的父类,包裹者; 比如一个 div(父包含块) 内部多少个同级或者嵌套都行,但是最外层元素不能出现同级元素!

8.跨域问题怎么破!比如No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

这种问题老生常谈了,我就不细说了..大体说一下;

1: CORS , 前后端都要对应去配置,IE10+2: nginx 反向代理,一劳永逸 <-- 线上环境可以用这个

线下开发模式,比如你用了vue-cli, 里面的 webpack 有引入了proxyTable这么个玩意, 也可以做接口反向代理。

当然还有依旧坚挺的jsonp大法!不过局限性比较多,比较适合一些特殊的信息获取!

9.需要遍历的数组值更新了,值也赋值了,为什么视图不更新!

那是因为有局限性啊,官方文档也说的很清楚,只有一些魔改的之后的方法提供跟原生一样的使用姿势(却又可以触发视图更新);

一般我们更常用(除了魔改方法)的手段是使用:this.$set(obj,item,value);

10.路由模式改为history后,除了首次启动首页没报错,刷新访问路由都报错!

必须给对应的服务端配置查询的主页面..也可以认为是主路由入口的引导。

11.Uncaught ReferenceError: xxx is not define

实例内的 data 对应的变量没有声明，你导入模块报这个错误,那绝逼是导出没写好。

12.Error in render function:”Type Error: Cannot read property ‘xxx’ of undefined”

这种问题大多都是初始化的姿势不对;比如引入echart这些...仔细去了解下生命周期,再来具体初始化;

vue 组件有时候也会(嵌套组件或者 props传递初始化)..也是基本这个问题

13.Unexpected token: operator xxxxx

这个一看就是语法错误啊，基本都是符号问题， 一般报错会给出哪一行或者哪个组件。

14.安装模块时命令窗口输出unsupported platform xxx

一般两种情况,node版本不兼容,系统不兼容;

解决方案: 要么不装,要么满足安装要求;

15.Unexpected tab charater这些

一般是你用脚手架初始化的时候开了 eslint ;要么遵循规则,要么改变规则;要么直接把 webpack 里面的 eslint 检测给关闭了。

16.Unknown custom element: <xxx> - did you register the component correctly?

组件没有正确引入或者正确使用,依次确认

导入对应的组件在 components 内声明在 dom 区域声明标签

17.Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String.

这种问题一般就是组件内的 props 类型已经设置了接受的范围类型, 而你传递的值却又不是它需要的类型,

18.组件的通讯有哪几种啊!

基本最常用的是这几种;

父传子: props子传父: emit兄弟通讯:event bus: 就是找一个中间组件来作为信息传递中介vuex: 信息树

19.vuex的用户信息为什么还要存一遍在浏览器里(sessionStorage or localStorage)

因为 vuex的 store 干不过刷新啊，保存在浏览器的缓存内,若用户刷新的话,值再取一遍呗;

XTw.com.Cn系统网专业应用软件下载教程，免费windows10系统,win11,办公软件,OA办公系统,OA软件,办公自动化软件,开源系统,移动办公软件等信息，解决一体化的办公方案。