今すぐ登録したい方へ
このブログから登録の多いエージェントは下記の3つです★
(リンクをクリックすると公式サイトに飛びます)
✅【ダントツの1位】フォスターフリーランス【案件保有数5000件以上。業界25年の超老舗】
こんにちは、mahです。
このブログでは、
僕がIT未経験から約1年でフリーランスエンジニアになるまでの過程、
ノウハウなどを書いていきます。
今回は、
- 【Vue.js Nuxt.js】v-bindでhref属性に文字列とコンポーネントのプロパティを指定する
について書いていきます。
【Vue.js Nuxt.js】v-bindでhref属性に文字列とコンポーネントのプロパティを指定する
v-bindの記法は下記になります。
// 基本形 v-bind:属性名="プロパティ名" // v-bindは省略可能 :属性名="プロパティ名"
例. taskコンポーネントが、nameというプロパティを持つ場合
<a v-bind:href="task.name">Name</a>
これで task.name をhref属性に指定したリンクが生成されます。
素の文字列とコンポーネントのプロパティを連結する場合
シングルクォートで囲った文字列 + プロパティ
のようにすればOKです。
- tasks/1/edit というpathにしたい場合
// idプロパティの値が「1」であるとする // 通常の文字列はシングルクォートで囲う必要がある <a v-bind:href="'tasks/' + task.id + '/edit'">編集</a>
Vue.js
やフロントエンドを学習したい方へ
自分の場合、
React.js、Vue.js
、TypeScript
はUdemyの下記コースで学習しました。
✅フロントエンドエンジニアのための React ・ Redux アプリケーション開発入門
最後に
下記の表に、
フリーランスエンジニア向けの人気エージェントをまとめてみました。
エージェント選びで悩んでいる方は是非参考にしてみてくださいね★
エージェント | 詳細 | 最高単価/月 | 設立 |
---|---|---|---|
エミリーエンジニア(emilee)
![]() |
評判をチェック | 100万円/月 | 2007年 |
ギークスジョブ
![]() |
評判をチェック
![]() |
100万円/月 | 2007年 |
フォスターフリーランス |
評判をチェック | 230万円/月 | 1996年 |
PE-BANK(pebank)
![]() |
評判をチェック | 200万円/月 | 1989年 |
Midworks(ミッドワークス) |
評判をチェック | 200万円/月 | 2013年 |
レバテックフリーランス |
評判をチェック | 140万円/月 | 2005年 |
あわせて読みたい
最後までお読み頂きありがとうございました★
もしよかったらTwiiterのフォローもお願いします★