logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue兄弟组件传值的两种方式

本demo主要是为了演示vue项目中兄弟组件之间的传值,这里我演示了两种方式:a. bus总线传值;b. 我自己一般把它当成常规的传值(其实也就是子组件A传父组件,父组件再传子组 件B)下边开始本次demo的编写:一. bus总线传值的使用:在项目中创建一个单独的eventBus.js文件该js文件的内容很简单,就是暴露一个vue实例而已。有人喜欢在main.js全局引入该js文件,我一般在需要使

#vue.js#前端#javascript
Vue中props传递参数(父传子)

父组件要正向地向子组件传递数据或参数,子组件收到后,根据传递过来的数据不同,渲染不同的页面内容,或者执行操作。这个正向传递数据的过程是通过props来实现的。子组件使用props来声明需要从父组件接受的数据。注意的:在js中对象和数组是引用类型,指向同一个内存空间,所以props是对象和数组时,在子组件内改变是会影响父组件的。父组件中<template><div><H

#vue.js
vscode打开项目从中文界面变成英文界面的问题

有时候我们vscode已经下载好中文简体的插件,但是通过vue init webpack xxx创建的vue项目用vscode打开后还是会切换回英文界面。这时候需要做如下操作:1.Ctrl+ Shift +P(command+shift+P)输入display 选择Configure display Language2.选择zh-cn这时候vscode会提示需要重启,点击restart重启vsco

#vscode#vue.js#编辑器
常见的响应式布局有哪些?

实现响应式布局的三种方式CSS3-Media Query(最简单的方式,但是无法满足很多需求)借助原生Javascript(成本高,不推荐使用)第三方开源框架(比如bootstrap,可以很好的支持浏览器的响应式布局)...

#css#css3
Vue项目的常见报错问题解决

1、‘webpack-dev-server’ 不是内部或外部命令,也不是可运行的程序 或批处理文件解决办法:现在使用webpack要同时安装webpack-cli这个包,才可以调用webpack和webpack-dev-server这些命令。cnpm install webpack webpack-dev-server webpack-cli --save-dev2、"export 'defaul

#javascript#vue.js
到底了