propsをHTMLの内容に渡すとき
子コンポーネント側では特に注意点はありません
<template>
<p>{{ text }}</p>
</template>
propsをHTMLの属性値に渡すとき
子コンポーネント側でv-bindを使う
<template>
<p :class="text">テキスト</p>
</template>
Twitterアカウント
Twitterも更新していますので、よかったらフォローお願いします！
Twitterアカウントはこちら
More than 3 years have passed since last update.
【Vue.js】propsをHTMLの属性値に渡すときはv-bindを使う
Last updated at Posted at 2020-09-18
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme