{"id":606,"date":"2022-03-29T10:21:07","date_gmt":"2022-03-29T10:21:07","guid":{"rendered":"http:\/\/shabeebk.com\/blog\/?p=606"},"modified":"2022-03-30T06:29:57","modified_gmt":"2022-03-30T06:29:57","slug":"simple-vue-2-example-todo-list","status":"publish","type":"post","link":"http:\/\/shabeebk.com\/blog\/simple-vue-2-example-todo-list\/","title":{"rendered":"Simple Vue 2 Tutorial with Example app"},"content":{"rendered":"\n


Let’s make a simple vue project example with a TODO list <\/p>\n\n\n\n

Setup and Installation<\/strong><\/h2>\n\n\n\n

There are two ways to set up Vue: through a VueCLI, or by including a script inside of your HTML file. Let’s do with VueCLI, We can install vue vueCLI globally <\/p>\n\n\n\n

npm install -g @vue\/cli or yarn global add @vue\/cli<\/code><\/code><\/pre>\n\n\n\n
Once install complete, let’s create a project by using the below comment<\/p>\n\n\n\n
vue create vue-simple-todo<\/code><\/p>\n\n\n\n
\"\"