博客列表 >Vue组件和路由

Vue组件和路由

P粉036614676
P粉036614676原创
2022年09月14日 10:41:59411浏览

1.组件

组件就是一大口代码的集合

  1. <template>
  2. <!-- <one :title="title" :arr="arr"></one> -->
  3. <p>{{teacher}}</p>
  4. <two @app_edit="app_edit"></two>
  5. </template>
  6. <script>
  7. import One from './components/One.vue'
  8. import Two from './components/Two.vue'
  9. export default{
  10. data(){
  11. return {
  12. title:'asdjk',
  13. arr:['as','df','gh'],
  14. teacher:'yk'
  15. }
  16. },
  17. methods:{
  18. app_edit(e)
  19. {
  20. console.log('我的父');
  21. this.teacher = e;
  22. },
  23. fun1()
  24. {
  25. console.log('123');
  26. },
  27. fun3()
  28. {
  29. }
  30. },
  31. components:{
  32. one:One,
  33. two:Two
  34. }
  35. }
  36. </script>
  37. <style>
  38. </style>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议