#vue

VuePress

这篇文章主要是记录自己在使用VuePress过程中所遇到的问题以及如何一步一步的解决问题。/安装vuepress前,请确保你的Node.js版本>=8#安装yarnglobaladdvuepress或者:npminstall-gvuepress#新建一个markdown文件echo'#HelloVuePress!...
代码星球 ·2021-02-16

超详细动手搭建一个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给子组件下发数据,子组件通过...
代码星球 ·2021-02-16

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.js实现列表选中效果

 实际项目中,我们会遇到很多类似的需求,一个列表,需要点击其中一条高亮显示。熟悉JQuery的同学说这个太简单了。可以给这个选中的element设置一个active的class。配合Css样式,让active有选中高亮效果。但是谁说一定要用到jQuery呢。  最近在做的项目中,我尝试脱离JQuery,绕过JQuery...

vue项目里的日期格式化

在项目中,我们经常需要把后台传回的日期进行格式化,可以在common里定义一个公共的js1exportfunctionformatDate(date,fmt){2if(/(y+)/.test(fmt)){3fmt=fmt.replace(RegExp.$1,(date.getFullYear()+'').substr(...
代码星球 ·2021-02-16

vue路由跳转传参数

1.router-link<router-link:to="{path:'yourPath',params:{name:'name',dataObj:data},query:{name:'name',dataObj:data}}"></router-link>1.path->是要跳转的路由...
代码星球 ·2021-02-16

Vue实现对数组、对象的深拷贝、复制

当组件间传递对象时,由于此对象的引用类型指向的都是一个地址(除了基本类型跟null,对象之间的赋值,只是将地址指向同一个,而不是真正意义上的拷贝),如下数组:vara=[1,2,3];varb=a;b.push(4);//b中添加了一个4alert(a);//a变成了[1,2,3,4]对象:varobj={a:10};...

vue2.0之axios使用详解

基于Promise的HTTP请求客户端,可同时在浏览器和node.js中使用在浏览器中发送 XMLHttpRequests 请求在node.js中发送 http请求支持 Promise API拦截请求和响应转换请求和响应数据自动转换JSON数据客户端支持保护安全免受&n...
代码星球 ·2021-02-16

VS Code .vue文件代码缩进以及格式化代码

首先在应用商店中搜索“Vetur”插件安装,然后进行下面操作:文件->首选项->设置,然后在右边编辑框输入以下设置:{"prettier.tabWidth":4,"vetur.format.defaultFormatter.html":"prettier"}...
代码星球 ·2021-02-16

vue input输入框联想

以下是示例,样式可以自己修改。最后是效果图,其实也挺简单的,主要是用了watch监控input输入值的变化,如果数据是请后端请求可以,先请求数据。<template><divclass="binding"v-titledata-title="绑定账号"><divclass="binding...
代码星球 ·2021-02-16

vue 2 使用Bus.js进行兄弟(非父子)组件通信 简单案例

 vue2中废弃了$dispatch和$broadcast广播和分发事件的方法。父子组件中可以用props和$emit()。如何实现非父子组件间的通信,可以通过实例一个vue实例Bus作为媒介,要相互通信的兄弟组件之中,都引入Bus,之后通过分别调用Bus事件触发和监听来实现组件之间的通信和参数传递。&nbs...

[转]Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结

原文地址:https://segmentfault.com/a/1190000022772025/如果你发现你自己需要在Vue中做一次强制更新,99.9%的情况,是你在某个地方做错了事。/原因:由于Vue会在初始化实例时对property执行getter/setter转化,所以property必须在data对象上存在才...
首页上一页...1011121314...下一页尾页