day7:父子传值 src图片路径 子孙传值 es6导出导入

138 阅读1分钟

一:childrenchildren和parent

  • 利用childrenchildren和parent分别可以获取到子组件和父组件的方法和数据,但是Vue官方并不推荐
  • $parent就是父组件里写属性和方法,让子组件直接能在子组件里调用,
  • $children反过来,区别就是一个created里,一个mounted里

image.png

二:src图片路径

  • 在行内样式设置背景图片时
  • :style="{ background: 'url(' + require('./assets/logo.png') + ')' }" 吧
  • 图片放在public里面
    可以通过以上两种方法来设置,不然正常的写法vue不会解析

image.png

三:provide和inject

image.png

四:es6的导入导出

  • 默认导入导出:deport default {} 导入时候:improt 名字随意起 from url文件地址 这个方式只能导出一个对象

image.png image.png

  • 命名式导出导入:导出的时候有两种写法:第一种就是:export let/const/var 变量名= 第二种:let/const/var 变量名= 然后最后 export{} 这个{}只是一个写法而已 image.png image.png

  • 导出多个:使用*as 变量名可以为all导入多个 all是一个模块化对象 使用里面的数据显示需要:all.变量即可 image.png

  • 导入导出的时候都可以修改名字,但是建议在导入的时候修改:{ fn as fn1} 使用as 把fn修改成fn1

image.png