The latest articles on DEV Community by sunny2288 (@sunny2288). https://dev.to/sunny2288 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F118357%2F25427d93-6022-4396-ab2e-b8648032b0fe.jpg https://dev.to/sunny2288 en sunny2288 Wed, 28 Nov 2018 09:29:44 +0000 https://dev.to/sunny2288/it-is-good-for-studying-vuejs-a-tutorial-for-implementing-ui-components-and-interactions-is-compiled---vuejs-examples-19a9 https://dev.to/sunny2288/it-is-good-for-studying-vuejs-a-tutorial-for-implementing-ui-components-and-interactions-is-compiled---vuejs-examples-19a9 <p>We introduce the Vue.js Examples which summarizes tutorials and resources that implement various UI components and interactions in Vue.js.</p> <p>In addition to the layout of pages and applications, scroll contents, card-type components, overlays, forms and searches, navigation and pagination, Lazy Load, and so on, all the things you see recently are available.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5pzq965uz2obdvvjsz5t.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5pzq965uz2obdvvjsz5t.png" alt="vuejsexamples" width="500" height="313"></a></p> <p><a href="https://vuejsexamples.com/" rel="noopener noreferrer">Vue.js Examples</a></p> <p>Tutorials and resources are organized by category. It is designed to allow you to see demonstrations that can confirm the operation and code at the time of implementation.</p> <p><a href="//coliss.com/wp-content/uploads-201804/2018101502-01.png" class="article-body-image-wrapper"><img src="//coliss.com/wp-content/uploads-201804/2018101502-01.png" alt="layout"></a></p> <p><a href="https://vuejsexamples.com/tag/layout/" rel="noopener noreferrer">layout</a></p> <p><a href="//coliss.com/wp-content/uploads-201804/2018101502-02.png" class="article-body-image-wrapper"><img src="//coliss.com/wp-content/uploads-201804/2018101502-02.png" alt="scroll"></a></p> <p><a href="https://vuejsexamples.com/tag/scroll/" rel="noopener noreferrer">scroll</a></p> <p><a href="//coliss.com/wp-content/uploads-201804/2018101502-03.png" class="article-body-image-wrapper"><img src="//coliss.com/wp-content/uploads-201804/2018101502-03.png" alt="responsive"></a></p> <p><a href="https://vuejsexamples.com/tag/responsive/responsive" rel="noopener noreferrer">responsive</a></p> <p><a href="//coliss.com/wp-content/uploads-201804/2018101502-04.png" class="article-body-image-wrapper"><img src="//coliss.com/wp-content/uploads-201804/2018101502-04.png" alt="cards"></a></p> <p><a href="https://vuejsexamples.com/tag/cards/" rel="noopener noreferrer">cards</a></p> <p><a href="//coliss.com/wp-content/uploads-201804/2018101502-05.png" class="article-body-image-wrapper"><img src="//coliss.com/wp-content/uploads-201804/2018101502-05.png" alt="material-design"></a></p> <p><a href="https://vuejsexamples.com/tag/material-design/" rel="noopener noreferrer">Material Design</a></p> <p><a href="//coliss.com/wp-content/uploads-201804/2018101502-06.png" class="article-body-image-wrapper"><img src="//coliss.com/wp-content/uploads-201804/2018101502-06.png" alt="overlay"></a></p> <p><a href="https://vuejsexamples.com/tag/overlay/" rel="noopener noreferrer">overlay</a></p> <p><a href="//coliss.com/wp-content/uploads-201804/2018101502-07.png" class="article-body-image-wrapper"><img src="//coliss.com/wp-content/uploads-201804/2018101502-07.png" alt="SVG"></a></p> <p><a href="https://vuejsexamples.com/tag/svg/" rel="noopener noreferrer">SVG</a></p> <p><a href="//coliss.com/wp-content/uploads-201804/2018101502-08.png" class="article-body-image-wrapper"><img src="//coliss.com/wp-content/uploads-201804/2018101502-08.png" alt="form"></a></p> <p><a href="https://vuejsexamples.com/tag/form/" rel="noopener noreferrer">form</a></p> <p><a href="//coliss.com/wp-content/uploads-201804/2018101502-09.png" class="article-body-image-wrapper"><img src="//coliss.com/wp-content/uploads-201804/2018101502-09.png" alt="search"></a></p> <p><a href="https://vuejsexamples.com/tag/search/" rel="noopener noreferrer">search</a></p> <p><a href="//coliss.com/wp-content/uploads-201804/2018101502-10.png" class="article-body-image-wrapper"><img src="//coliss.com/wp-content/uploads-201804/2018101502-10.png" alt="navigation"></a></p> <p><a href="https://vuejsexamples.com/tag/navigation/" rel="noopener noreferrer">navigation</a></p> <p><a href="//coliss.com/wp-content/uploads-201804/2018101502-11.png" class="article-body-image-wrapper"><img src="//coliss.com/wp-content/uploads-201804/2018101502-11.png" alt="switch"></a></p> <p><a href="https://vuejsexamples.com/tag/switch/" rel="noopener noreferrer">switch</a></p> <p><a href="//coliss.com/wp-content/uploads-201804/2018101502-12.png" class="article-body-image-wrapper"><img src="//coliss.com/wp-content/uploads-201804/2018101502-12.png" alt="Lazy Load"></a></p> <p><a href="https://vuejsexamples.com/tag/lazyloading/" rel="noopener noreferrer">Lazy Load</a></p> <p>source: <a href="https://coliss.com/articles/build-websites/operation/javascript/vuejs-examples.html" rel="noopener noreferrer">https://coliss.com/articles/build-websites/operation/javascript/vuejs-examples.html</a></p> vue javascript frontend