![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
qq_27628085
这个作者很懒,什么都没留下…
展开
-
vuex状态管理器的理解
最近看一vuex状态管理器,讲得清明白的分享一下:https://zhuanlan.zhihu.com/p/80373603https://segmentfault.com/a/1190000015782272原创 2020-10-26 20:54:38 · 220 阅读 · 0 评论 -
在vue处理中懒加载和按需加载
vue中的懒加载和按需加载懒加载按需加载懒加载(1)懒加载定义:懒加载页脚延迟加载,即在需要的时候进行加载,随用随载入(2)异步加载三种表示方法:1. resolve=>require([URL],resolve),//支持性好2. ()=>system.import(URL),//webpack2官网已经声明将逐渐废除,不推荐使用,3. ()=>import(URL),//webpack2官网推荐使用,属于es7范畴,需要配合babel的syntax-dynamic-im原创 2020-08-21 20:20:49 · 543 阅读 · 0 评论 -
关于npm和yarn 安装vue脚手架
使用npm 安装或者yarn安装第一步:安装node.js 地址 --------https://nodejs.org/en/详细步骤这里就不写了 可以去看 地址 --------https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html第二步:下载完了之后进入cmd 输入node -v查看版本号看到上面表示安装成功。node.js是自带npm的,直接npm install -g @vu...原创 2020-05-22 15:23:55 · 1096 阅读 · 0 评论 -
vue 遇到小问题
1.Vue:切换导航时router-view数据不刷新router-view上添加:key="$route.fullPath"动态菜单切换时,router-view视图不刷新数据<el-header class="pc_set"> <el-menu :default-active="$route.path" ...原创 2020-03-06 15:46:13 · 173 阅读 · 0 评论 -
Error in callback for watcher "data": "TypeError: children.indexOf is not a function" found in
关于Error in callback for watcher “data”: "TypeError: data.indexOf is not a function"的错误说明原因:显示需要数组包含对象的形式,每个对象是一行数据,拿到的数据格式不对。错误例子:从后台获取数据res.data,显示在树中。数据,且都为空。报三个错,如下:经过打印res.data之后...原创 2020-02-27 11:14:45 · 4750 阅读 · 1 评论 -
关于Invalid prop: type check failed for prop "index". Expected String with value "1", got Number
在elementUI导航组件中加入后台数据驱动循环生成导航过程中:会在控制台出现如下图警告:原来是elementUI的:index字段为字符串格式,后台数据为num格式,格式警告,格式转换,问题解决!...原创 2020-02-26 17:47:04 · 3964 阅读 · 1 评论 -
vue多页面路由相互跳转问题?
由于业务需要,需要使用到多页面,最近在多页面中路由跳转遇到了一个问题:1、有index.html、exchange.html两个模板文件,分别对应两个入口,vue.config.js配置如下// 配置多页面入口 pages: { index: { entry: 'src/main.js', template: 'public/index.html', ...转载 2020-02-26 10:31:03 · 2071 阅读 · 1 评论 -
关于[Vue warn]: Duplicate keys detected: ‘1‘. This may cause an update error
在vue或小程序的循环中,为保证每一项的独立性,都会使用 key来区分。对下拉框信息进行循环:<el-select v-model="form.code" sytle="display: inline-block;" placeholder="请选择电话国家编码"><el-optionv-for="item in phone":key="item....原创 2020-02-10 23:10:41 · 276 阅读 · 0 评论 -
命令行升级node、npm
非windows环境下node更新如下npm中有一个模块叫做“n”,专门用来管理node.js版本的。先执行npm install -g n当前命令行在window环境下会报错,并不支持n模块安装如果出现报错,使用npm install -g n --force 命令行升级稳定版n stable升级到最新n latest升级安装指定版本n 0.10.26...转载 2019-11-13 20:03:08 · 206 阅读 · 0 评论 -
vue问题错误:[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the
报错:Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutate...转载 2019-03-06 18:21:51 · 9601 阅读 · 0 评论 -
vue遇到问题:vue报错 Do not use built-in or reserved HTML elements as component id:header
vue报错 Do not use built-in or reserved HTML elements as component id:header组件,不能和html标签重复header组件,h5新标签重复Do not use built-in or reserved HTML elements as component id:header由于在模板需要插入到 DOM 中,所...原创 2019-02-16 11:20:02 · 766 阅读 · 0 评论 -
VUE 项目dependency was not found: * !!vue-style-loader!css-loader? 解决方案
用npm run dev 运行vue项目时,出现以下错误:ERROR Failed to compile with 1 errors ...原创 2018-12-26 13:47:54 · 1525 阅读 · 0 评论 -
[Vue warn]: Do not use built-in or reserved HTML elements as component id: header
[Vue warn]: Do not use built-in or reserved HTML elements as component id: header控制台错误因为header在HTML5里面是个原生的标签,所以在开发的时候会提示错误,解决方法:修改components里面左边的header ...原创 2018-12-26 14:22:11 · 228 阅读 · 1 评论 -
vue-cli · Failed to download repo vuejs-templates/webpack: getaddrinfo ENOTFOUND github.com github.
今天在 创建项目时,运行vue init webpack 项目名字,报错信息如下: vue-cli · Failed to download repo vuejs-templates/webpack: getaddrinfo ENOTFO UND github.com github.com:443解决方法:执行三个命令检查环境1.node -v2.vue -V (没有显示版本...原创 2018-12-24 15:10:30 · 9344 阅读 · 0 评论 -
npm run dev 出错了
运行npm run dev 出现的错误npm ERR! path E:\obj\vue\package.jsonnpm ERR! code ENOENTnpm ERR! errno -4058npm ERR! syscall opennpm ERR! enoent ENOENT: no such file or directory, open 'E:\obj\vue\package.j...原创 2018-12-24 15:40:54 · 3262 阅读 · 3 评论 -
vue 2.0+ ————怎么写本地接口获取数据(一)
在vue-cli脚手架项目中,找到build ---- webpack.dev.conf.js 文件,具体位置如下图:找到文件后添加下面的内容,写在头部: //这是 webpack.dev.conf.js 文件里的'use strict'/*新版的vue-cli代替原来的dev-server.js文件,现在在这里可以简单配置node请求,获取一些本地数据 */const...原创 2018-12-26 10:21:20 · 850 阅读 · 1 评论 -
关于vue--json 显示小插件 谷歌浏览器中安装JsonView扩展程序
实际开发工作中经常用到json数据,那么就会有这样一个需求:在谷歌浏览器中访问URL地址返回的json数据能否按照json格式展现出来。比如,在谷歌浏览器中访问:http://jsonview.com/example.json展现效果如下:那么安装了JsonView扩展程序后的展现效果如下:很明显,后者的效果更好。实现步骤如下:1、下载JsonView扩展程序压缩...原创 2018-12-26 10:31:01 · 255 阅读 · 1 评论 -
vue————json 显示小插件 谷歌浏览器中安装JsonView扩展程序
实际开发工作中经常用到json数据,那么就会有这样一个需求:在谷歌浏览器中访问URL地址返回的json数据能否按照json格式展现出来。比如,在谷歌浏览器中访问:http://jsonview.com/example.json展现效果如下:那么安装了JsonView扩展程序后的展现效果如下:很明显,后者的效果更好。实现步骤如下: 1、下载JsonView扩展程序压缩...原创 2018-12-26 10:39:46 · 736 阅读 · 0 评论 -
81道经典Vue试题总结
写在前面参考答案在看云平台发布,如果大家想阅读参考答案,可直接购买,或通过 申请看云平台账号,然后添加微信 hanxuming888 来免费开通阅读权限,或者留言回复账号,开通权限!本文档基于vue-cli技术栈总结了vue-cli工程 vue.js核心知识 vue-router路由 vuex状态管理器 axios等http请求 移动端适配 Tab切换等常用功能...转载 2018-09-11 14:51:42 · 2995 阅读 · 0 评论