PageThreeChild3.vue 635 B

1234567891011121314151617181920212223242526272829
  1. <template>
  2. <div>
  3. <h1>我是页面三子路由3</h1>
  4. <!-- 使用组件 -->
  5. <ComOne :val="i" @changeFun="changeVal"/>
  6. </div>
  7. </template>
  8. <script>
  9. // 页面中引入组件
  10. import ComOne from "../components/ComOne.vue";
  11. export default{
  12. name:"PageThreeChild3",
  13. data(){
  14. return{
  15. i:100
  16. }
  17. },
  18. methods:{
  19. changeVal(j){
  20. console.log("子组件触发了事件");
  21. this.i += j;
  22. }
  23. },
  24. components:{
  25. // 注册组件
  26. ComOne
  27. }
  28. }
  29. </script>