vue
初学vue出现空格警告的原因及其解决办法
初学vue自己新建一个vue项目来做学习demo。不过在编写代码时一直出现空格不规范的警告。严重影响初学者的热情。错误如下图所示。（这样的错误很多，但大概翻译成中文的意思都是说空格使用不规范。） 这是因为你使用ESLint，用来规范代码风格的。你的Webpack配置中大概是使用了 eslint-lo...
VuePress
这篇文章主要是记录自己在使用VuePress过程中所遇到的问题以及如何一步一步的解决问题。/安装vuepress前，请确保你的Node.js版本>=8#安装yarnglobaladdvuepress或者：npminstall-gvuepress#新建一个markdown文件echo'#HelloVuePress!...
超详细动手搭建一个Vuepress站点及开启PWA与自动部署
/五一之前就想写一篇关于Vuepress的文章,结果朋友结婚就不了了之了。记得最后一定要看注意事项！官网：https://vuepress.vuejs.org/类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。响应式,也可以自定义主题与hexo类似内置markdown(还增加了一些...
Vue项目碰到"‘webpack-dev-server’不是内部或外部命令，也不是可运行的程序或批处理文件"报错
最近公司里做vue项目，svn了前端同事的项目代码，装好环境，运行项目（安装步骤随便百度一下，很详细），控制台里报错“‘webpack-dev-server’不是内部或外部命令，也不是可运行的程序或批处理文件，随机百度解决方法，有的说需要重新装依赖包，有的说扩展用户权限，都做了，但是报错依旧。原因：随机自己新建一个vu...
vue2.0路由-适合刚接触新手简单理解
vue路由:vue-routervue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之...
vue-自定义组件传值
项目中，我们经常会遇到自定义组件传值的问题，方法很多种，但是原理很简单，下述文档总结实际项目中使用的传值方式。/父组件传递给子组件某一值，子组件内会修改该值，然后父组件需要获取新值在Vue中，父子组件的关系可以总结为 prop向下传递，事件向上传递。父组件通过 prop给子组件下发数据，子组件通过...
vue使用watch 观察路由变化，重新获取内容
watch:{$route(to){console.log(to)if(to.path.indexOf('index')!=-1){//路由变化后重新获取帖子列表this.$http.get('/api/communityList').then((res)=>{if(res.data.errCode===0){l...
vue项目里的日期格式化
在项目中，我们经常需要把后台传回的日期进行格式化，可以在common里定义一个公共的js1exportfunctionformatDate(date,fmt){2if(/(y+)/.test(fmt)){3fmt=fmt.replace(RegExp.$1,(date.getFullYear()+'').substr(...
vue路由跳转传参数
1.router-link<router-link:to="{path:'yourPath',params:{name:'name',dataObj:data},query:{name:'name',dataObj:data}}"></router-link>1.path->是要跳转的路由...
Vue实现对数组、对象的深拷贝、复制
当组件间传递对象时，由于此对象的引用类型指向的都是一个地址（除了基本类型跟null,对象之间的赋值，只是将地址指向同一个，而不是真正意义上的拷贝），如下数组：vara=[1,2,3];varb=a;b.push(4);//b中添加了一个4alert(a);//a变成了[1,2,3,4]对象：varobj={a:10};...
VS Code .vue文件代码缩进以及格式化代码
首先在应用商店中搜索“Vetur”插件安装，然后进行下面操作：文件->首选项->设置，然后在右边编辑框输入以下设置：{"prettier.tabWidth":4,"vetur.format.defaultFormatter.html":"prettier"}...
vue input输入框联想
以下是示例，样式可以自己修改。最后是效果图，其实也挺简单的，主要是用了watch监控input输入值的变化，如果数据是请后端请求可以，先请求数据。<template><divclass="binding"v-titledata-title="绑定账号"><divclass="binding...
[转]Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结
原文地址:https://segmentfault.com/a/1190000022772025/如果你发现你自己需要在Vue中做一次强制更新，99.9%的情况，是你在某个地方做错了事。/原因：由于Vue会在初始化实例时对property执行getter/setter转化，所以property必须在data对象上存在才...
[转]浅谈vue中provide和inject 用法
原文地址:https://www.jianshu.com/p/d34a7df4cd6aprovide：Object|()=>Objectinject：Array<string>|{[key:string]:string|Symbol|Object}provide和inject主要为高阶插件/组件库提供...
vue 试图改变子组件props 属性值时,控制台报错解决方案
报错信息:Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-...出错原因:所有的prop都使得其父子prop之间形成了一个单向下行绑定：父级prop的更新会向下流动到子组件中，但是反过来则不行。这样...
