component.vue.ejs 875 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <template>
  2. <div>
  3. <div>组件: <%= camelCaseName %>test</div>
  4. <div><img :src="logo" alt="logo" /></div>
  5. </div>
  6. </template>
  7. <script>
  8. import logo from '../assets/image/logo.png'
  9. export default {
  10. name: '<%= camelCaseName %>Test',
  11. components: {},
  12. data() {
  13. return {
  14. logo,
  15. }
  16. },
  17. props: {
  18. // 组件属性定义, 参考 https://cn.vuejs.org/v2/guide/components-props.html#Prop-验证
  19. // propName: {
  20. // type: Array,
  21. // default: () => [],
  22. // },
  23. },
  24. // 如果需要支持 v-model 需要进行如下设置, 参考 https://cn.vuejs.org/v2/guide/components-custom-events.html#自定义组件的-v-model
  25. // model: {
  26. // prop: 'tags',
  27. // event: 'change',
  28. // },
  29. // 计算属性设置
  30. computed: {},
  31. // 数据变更监听
  32. watch: {},
  33. mounted() {},
  34. methods: {},
  35. }
  36. </script>
  37. <style scoped lang="scss">
  38. </style>