![]() You should see the rendered example above update accordingly. How do we know? Open your browser’s JavaScript console (right now, on this page) and set app.message to a different value. The data and the DOM are now linked, and everything is now reactive. We have already created our very first Vue app! This looks pretty similar to rendering a string template, but Vue has done a lot of work under the hood. If you prefer something more interactive, you can also check out this tutorial series on Scrimba, which gives you a mix of screencast and code playground that you can pause and play around with anytime. Note: We do not recommend that beginners start with vue-cli, especially if you are not yet familiar with Node.js-based build tools. The Installation page provides more options of installing Vue. Or, you can create an index.html file and include Vue with: Feel free to open it in another tab and follow along as we go through some basic examples. ![]() The easiest way to try out Vue.js is using the Hello World example. If you are totally new to frontend development, it might not be the best idea to jump right into a framework as your first step - grasp the basics then come back! Prior experience with other frameworks helps, but is not required. The official guide assumes intermediate level knowledge of HTML, CSS, and JavaScript. Watch a free video course on Vue Mastery Getting Started
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |