vue
vue父组件异步传递prop到子组件echarts画图问题踩坑总结
效果图： 大致思路：考虑到5张图都是折线图，所以准备用一个子组件承接echarts画图，然后父组件通过prop传递不同数据来展示不同的图踩坑问题：1、引入line子组件，画了5个元素，但是只显示一个 原因：id重复 解决方案：prop传递不同id名2、父组件传递的数据在子组件报错 这里情况比较特殊，我用父组...
解决Vue用Nginx做web服务器报错favicon.ico 404 (Not Found)的问题
有多种解决方案1、vue静态资源 vue中为网页增加favicon的最便捷的方式为使用link标签<linkrel="shortcuticon"type="image/x-icon"href="./static/favicon.ico"rel="externalnofollow"/> 先在stati...
详解Vuex常见问题、深入理解Vuex
Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。 使用Vue开发项目时，通常我们就会遇...
解决vuex在页面刷新后数据丢失的问题
一、原因 js代码是运行在内存中的，代码运行时的所有变量、函数也都是保存在内存中的。 刷新页面，以前申请的内存被释放，重新加载脚本代码，变量重新赋值，所以这些数据要想存储就必须存储在外部，例如：LocalStorage、SessionStorage、IndexDB等。这些都是浏览器提供的API，让你可以将数据存储在...
vue-router路由元信息详解
一、官方文档 路由元信息：定义路由的时候可以配置meta字段constrouter=newVueRouter({routes:[{path:'/foo',component:Foo,children:[{path:'bar',component:Bar,//ametafieldmeta:{requiresAuth:t...
vue刷新当前路由：router-view 复用组件时不刷新的3种解决方案总结
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。...
Vue上传文件：ElementUI中的upload实现
一、上传文件实现 两种实现方式：1、直接action<el-uploadclass="upload-file"drag:action="doUpload":data="pppss"><iclass="el-icon-upload"></i><divclass="el-uplo...
理解Vue的计算属性
计算属性是一个很邪门的东西，只要在它的函数里引用了data中的某个属性，当这个属性发生变化时，函数仿佛可以嗅探到这个变化，并自动重新执行。 上述代码会源源不断的打印出b的值。如果希望a依赖data中的x而变化，只需保证a函数中有this.x即可。如果函数中没有出现data中的属性，那么无论data中的属性怎么变，...
Vuex内容解析和vue cli项目中使用状态管理模式Vuex
中文文档：vuex官方中文网站一、vuex里面都有些什么内容？conststore=newVuex.Store({state:{name:'weish',age:22},getters:{personInfo(state){return`Mynameis${state.name},Iam${state.age}`;...
理解Vue的状态管理模式Vuex
Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 状态管理模式、集中式存储管理，一听就很高大上，蛮吓人的。在我看来vuex就是把需要共享的变量全部存储在一个对象里面，然后将这个对象放在顶层组件中供其他组件使用。这...
vue项目中使用地图组件
一、引入高德地图 一般用使用vue-cliwebpack最简单粗暴的引入地图api的方法就是，在入口index.html的头部直接引入，记得一定要带上key，如果没有的话去高德地图api的官网申请一个。传送门如下：申请key传送门<scripttype="text/javascript"src="http://...
vue项目如何实现剪切板功能--vue-clipboard2
一、vue项目利用vue-clipboard2实现剪切板的功能 1、安装vue-clipboard2插件：cnpminstall--savevue-clipboard2 2、main.js添加importVueClipboardfrom'vue-clipboard2'Vue.use(VueClipboard) 3...
Vue使用中遇到问题汇总（二）
1、vuecli使用npmrundev报错cannotget/ config/index.js里有两个环境：一个是build，一个dev。 在config/index.js里面修改，build:{assetsPublicPath:'./'}；dev里面不需要修改，dev:{assetsPublickPath:'/'...
Vue使用中遇到问题汇总（一）32个
1、安装一些需要编译的包：提示没有安装python、build失败等 因为一些npm的包安装需要编译的环境，mac和linux都还好，大多都齐全。window用户依赖visualstudio的一些库和python2+，windows的小伙伴都装上：windows-build-toolspython2.x2、can't...
vue项目配置使用flow类型检查
你是否经常在debug那些简单可避免的bug？可能你给函数传参的时候搞错了参数的顺序，或者本来应该传个Number类型的参数，你传了一个String类型？JavaScript的弱类型是这一类bug的罪魁祸首，静态类型语言中不存在此类bug。Flow就是JavaScript的静态类型检查工具，该库的目标在于检查Jav...
