jq给vue脚手架项目动态添加元素添加事件及子组件间传递数据方法

vue脚手架项目中package.json引入jq依赖包：

"jquery": "^3.5.1",
//^表示下载3.5的最新版本；
//~的话表示下载3的最新版本；
//无符号表示指定版本

命令下载所有依赖包：

cnpm install//境内淘宝镜像下载速度会更快些
npm install

在需要用jq的组件/模板页引入jq

import $ from 'jquery'

vue子组件中动态生成的元素添加事件方法：

  //先引入eventBus
 import eventBus from "@/utils/eventBus"
 ...
 <script>
	 $(document).on("事件名称",'动态生成的元素对象',function(event){      
	  eventBus.$emit("uploadMsg",event);
	  //通过eventBus让子组件给子组件传数据，uploadMsg为接受数据的子组件中的函数
	  })
 </script>

vue需要接受数据的子组件中接受数据

  //先引入eventBus
  import eventBus from "@/utils/eventBus"
  ...
  
  //在created()vue生命周期中实时监测传递数据的变化
   created() {
      this.xxx方法();
   }, 
   
  //接着在需要引用数据的方法中添加数据引用：
  xxx方法（）{
	  eventBus.$on("uploadMsg",function(val)
	   {console,log(val)...}
  }

注意：这个子组件的共同父组件必须引入，否则路由传值传不过去！！！

import eventBus from "@/utils/eventBus"