Viewing a response to: @matthewdavid/learning-vue-js-a-task-list
Great work! Here's another way to eliminate the method but keep the button and click binding: ``` <button @click="task.completed = !task.completed">Toggle</button> ``` Here's the fiddle: https://jsfiddle.net/harps116/2hmu4yyh/2/ This technique is pretty handy for toggle scenarios. Of course you could abstract the logic into a method for reuse and have a global toggle utility method which might be useful.
author | harps116 |
---|---|
permlink | re-matthewdavid-learning-vue-js-a-task-list-20180116t131914378z |
category | javascript |
json_metadata | {"tags":["javascript"],"links":["https://jsfiddle.net/harps116/2hmu4yyh/2/"],"app":"steemit/0.1"} |
created | 2018-01-16 13:19:15 |
last_update | 2018-01-16 13:22:33 |
depth | 1 |
children | 1 |
last_payout | 2018-01-23 13:19:15 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.202 HBD |
curator_payout_value | 0.058 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 409 |
author_reputation | 31,145,258,360 |
root_title | "Learning Vue.js - A Task List" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 29,938,224 |
net_rshares | 27,906,559,188 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
matthewdavid | 0 | 17,348,051,075 | 100% | ||
steveblucher | 0 | 10,558,508,113 | 50% |
Thank you. I think that this "demo app" idea of a Task List or Todo List is a good way to learn. I think I will create one for myself with a database backend as a way to learn how to put everything together.
author | matthewdavid |
---|---|
permlink | re-harps116-re-matthewdavid-learning-vue-js-a-task-list-20180117t213558613z |
category | javascript |
json_metadata | {"tags":["javascript"],"app":"steemit/0.1"} |
created | 2018-01-17 21:35:57 |
last_update | 2018-01-17 21:35:57 |
depth | 2 |
children | 0 |
last_payout | 2018-01-24 21:35:57 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 207 |
author_reputation | 2,155,255,892,877 |
root_title | "Learning Vue.js - A Task List" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 30,259,715 |
net_rshares | 0 |