About This Book
Learn how to propagate DOM changes across the website without writing extensive jQuery callbacks code.Learn how to achieve reactivity and easily compose views with Vue.js and understand what it does behind the scenes.Explore the core features of Vue.js with small examples, learn how to build dynamic content into preexisting web applications, and build Vue.js applications from scratch.
Who This Book Is For
This book is perfect for novice web developer seeking to learn new technologies or frameworks and also for webdev gurus eager to enrich their experience. Whatever your level of expertise, this book is a great introduction to the wonderful world of reactive web apps.
What You Will Learn
Build a fully functioning reactive web application in Vue.js from scratch.The importance of the MVVM architecture and how Vue.js compares with other frameworks such as Angular.js and React.js.How to bring reactivity to an existing static application using Vue.js.How to use plugins to enrich your applications.How to develop customized plugins to meet your needs.How to use Vuex to manage global application’s state.
In Detail
Vue.js is one of the latest new frameworks to have piqued the interest of web developers due to its reactivity, reusable components, and ease of use.
This book shows developers how to leverage its features to build high-performing, reactive web interfaces with Vue.js. From the initial structuring to full deployment, this book provides step-by-step guidance to developing an interactive web interface from scratch with Vue.js.
You will start by building a simple application in Vue.js which will let you observe its features in action. Delving into more complex concepts, you will learn about reactive data binding, reusable components, plugins, filters, and state management with Vuex. This book will also teach you how to bring reactivity to an existing static application using Vue.js. By the time you finish this book you will have built, tested, and deployed a complete reactive application in Vue.js from scratch.
Style and approach
This book is a thorough, step-by-step guide showing readers how to build complete web apps with Vue.js. While teaching its intricacies, this book shows how to implement the MVVM architecture in the real world and build high-performing web interfaces.
Collection Functions (Arrays or Objects)
_.each(list, iterator, [context]) Alias: forEach Iterates over a list of elements, yielding each in turn to an iterator function. The iterator is bound to the
_.map(list, iterator, [context]) Alias: collect Produces a new array of values by mapping each value in list through a transformation function (
_.reduce(list, iterator, memo, [context]) Aliases: inject, foldl Also known as inject and foldl, reduce boils down a list of values into a single value.
_.reduceRight(list, iterator, memo, [context]) Alias: foldr The right-associative version of reduce. Delegates to the JavaScript 1.8 version of
_.find(list, iterator, [context]) Alias: detect Looks through each value in the list, returning the first one that passes a truth test (iterator). The function returns as
_.filter(list, iterator, [context]) Alias: select Looks through each value in the list, returning an array of all the values that pass a truth test (
_.where(list, properties) Looks through each value in the list, returning an array of all the values that contain all of the key-value pairs listed in
_.findWhere(list, properties) Looks through the list and returns the first value that matches all of the key-value pairs listed in properties.
_.reject(list, iterator, [context]) Returns the values in list without the elements that the truth test (iterator) passes. The opposite of filter.
_.every(list, iterator, [context]) Alias: all Returns true if all of the values in the list pass the iterator truth test. Delegates to the native method
_.some(list, [iterator], [context]) Alias: any Returns true if any of the values in the list pass the iterator truth test. Short-circuits and stops traversing the list
_.contains(list, value) Alias: include Returns true if the value is present in the list. Uses indexOf internally, if list is an Array.
_.invoke(list, methodName, [*arguments]) Calls the method named by methodName on each value in the list. Any extra arguments passed to
_.pluck(list, propertyName) A convenient version of what is perhaps the most common use-case for map: extracting a list of property values.
_.max(list, [iterator], [context]) Returns the maximum value in list. If iterator is passed, it will be used on each value to generate the criterion by which the
_.min(list, [iterator], [context]) Returns the minimum value in list. If iterator is passed, it will be used on each value to generate the criterion by which the
_.sortBy(list, iterator, [context]) Returns a sorted copy of list, ranked in ascending order by the results of running each value through iterator
_.groupBy(list, iterator, [context]) Splits a collection into sets, grouped by the result of running each value through iterator. If iterator is a string instead of
_.countBy(list, iterator, [context]) Sorts a list into groups and returns a count for the number of objects in each group. Similar to groupBy
_.shuffle(list) Returns a shuffled copy of the list, using a version of the Fisher-Yates shuffle.
_.toArray(list) Converts the list (anything that can be iterated over), into a real Array. Useful for transmuting the arguments object.
_.size(list) Return the number of values in the list.