vue如何添加图片

vue添加图片的方法如下：

1、打开Vue，点击左下角“+”选项；

2、然后在出现的页面里点击左上角“视频”按钮，就可以去其他文件夹里选择照片进行添加编辑了。

VUE是iOS和Android平台上的一款手机视频拍摄与美化工具，允许用户通过简单的 *** 作实现视频的拍摄、导入视频的剪辑、表现力的细调、改变滤镜、加贴纸和背景音乐等功能，轻松在手机上拍出电影大片的质感，实时记录与分享生活。

2018年7月5日，VUE正式上线2.0版本，推出短视频社区功能。随着手机摄像头的发展，越来越多的人开始使用手机拍照和摄像。摄像一般来说要比拍照门槛高，但是视频传播的信息量又远大于照片。VUE就诞生在这样的背景下，希望用拍照一样简单的 *** 作，帮助用户在手机上拍摄精美的短视频。

1.使用$parent可以获取父组件没传的属性和方法

第一步：父组件定义一个数据

第二步：

$parent和$children的区别是$parent方法在created里调用，$children方法在mounted里调用

2.通过 provide和inject可以父传子也可以爷爷传孙子  可以向下传递，不可以兄弟之间传值，兄弟传值建议使用事件总线的方式

注意：provide/inject可实现跨组件传值，数据的流只能是向下传递，其中父组件provide，子组件inject。provide : 必须在父组件进行使用，用来给后代组件注入依赖

（属性或方法）inject :  必须

在子组件进行使用，用来获取根组件定义的要跨组件传递的数据

基本传值方式

第一步：

第二步：

第三步：验证子传父不成功，会进行报错

第四步：如果父级组件的值是动态从接口中获取的，需要把provide改成函数的形式，数据以函数的形式返回

第五步：儿子也可以使用爷爷传的内容

3.在Vue脚手架中使用style的方式  显示背景图片

vue的特点在于组件化，可以轻便开发单页面应用，但弊端就是它没能像原生 *** 控各自的body节点，因为所有的页面都拥有同一个body。这就难受了，如果希望设置单个页面的背景颜色而又不影响其他页面，那怎么办？

第一种方式（不建议）

beforeCreate() { document.querySelector('body').setAttribute('style','background-color:rgb(245,245,245)')},

beforeDestroy(){ document.querySelector('body').setAttribute('style', "background-color:''")}

第二种

beforeRouteEnter(to, from, next) {

    // 添加背景色document.querySelector('body').setAttribute('style', 'background-color:#f9f9f9')

    next()

  },

  beforeRouteLeave(to, from, next) {

    // 去除背景色document.querySelector('body').setAttribute('style', '')

    next()

  }

---