Breaking News: Grepper is joining You.com. Read the official announcement!

Component With Both Data And Props

Javasper answered on July 15, 2022 Popularity 2/10 Helpfulness 1/10

answer Component With Both Data And Props

Component With Both Data And Props

Comment

App.vue
<script setup>
import HelloWorld from './components/HelloWorld.vue'
import TheWelcome from './components/TheWelcome.vue'
import Test from './components/Test.vue'
</script>

<template>
  <Test msg="xxxxx" />
</template>

Test.vue

<script>
export default {
  data() {
    return {
      titleClass: 'title'
    }
  }
}
</script>

<script setup>
defineProps({
  msg: {
    type: String,
    required: true
  }
})
</script>


<template>
  <h1 :class="titleClass">{{titleClass}}</h1>
  {{msg}}
</template>

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Jul 15 2022

Javasper

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Component With Both Data And Props

Contents

More Related Answers

Component With Both Data And Props

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.