OJ Develops

Last year I wrote about Getting Started with Vue.js . I've been using Vue.js extensively from around that time up until now. In this post I will share my experiences with using the framework. It's Still Very, Very Easy With other JS frameworks I've tried, building simple apps and tutorial-type apps were easy. But, as the application's complexity grew, the development effort grew as well. For example, when working with AngularJS, it sometimes wasn't easy to use 3rd party plugins. Because AngularJS was a framework, any 3rd party plugins had to have an AngularJS port for them to work properly. If such a port doesn't exist, extra work is involved in order for them to work with AngularJS (eg. calling $scope.$apply() in appropriate places). That problem simply doesn't exist in Vue.js (at the very least, I haven't experienced that yet). I can use popular JS packages such as axios , lodash , even jQuery and integrate them into my app with absolutely ...

I've been using AngularJS for the longest time. I decided to level up my front-end development knowledge, and part of that is learning about new front-end frameworks. Angular and React are the most popular ones these days, but I also stumbled on Vue. I immediately liked it. In this post, I share how easy it is to get started using Vue. Even easier than AngularJS! It's Very, Very Easy To get started using Vue, follow these steps: 1. Create a new HTML page and add a reference to the Vue script file. You can download a copy or reference it via a CDN: <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 2. Create an element that Vue will manage. Normally this would be a div . Give it an id: <div id="app"> </div> 3. Inside, create a data-binding target using curly brace syntax or mustaches, similar to what is used in other frameworks like AngularJS: Hello, {{message}}! 4. Through JavaScript, cr...