vue book

Simple vue filtering and vue Filtering The examples in this article share the specific code of the vue classification filter method for your reference. The specific content is as follows: This article has been compiled into "Vue. js front-end component learning tutorial". You are welcome to learn and read it. For a tu

How to Use ztree in vue and ztree in vue The following describes how to use vue ztree. Let's take a look! Configure package. json Package and download jquery and ztree "dependencies": { "element-ui": "^2.1.0", "vue": "^2.5.2", "axios": "^0.16.1", "jquery":"3.3.1", "vue

Vue parent component click to trigger sub-component event instance description, vue instance description I recently learned about the communication between Vue parent and child components. I just encountered an event dispatching and receiving between parent and child. Here I will record it. Here I am using ref Register the reference information for the sub-compon

Vue-based calendar supports weekly switching and vue-based calendar The Vue-based calendar function allows you to switch between the Vue and the Vue based on the actual development status every year, month, or week. The details are as follows: Js part: Currently, one week

Vue. js select drop-down box Binding and value method, vue. js drop-down box I recently worked on the mui + vue. js mobile project and encountered this solution, so record it as follows: 1. The code for binding the select drop-down box is simple. sendlist is the set of drop-down boxes. You can refer to the vue. js do

Summary of vue registration components and summary of vue Components 1. Global Registration (this method must be declared before vue instantiation) Vue. component ('tag-name ',{}) 2. Partial Registration Var Child = {template: ' 3. Extended instances // Define a mixed object var myMixin = {created: function () {t

Vue-star component development instance, vue-star instance Create a star. vue and related image information in the Star folder. Easy nearby maintenance of components Star. vue: Header. vue: Mixin. styl: bg-image($url) background-image: url($url + '@2x.png') @media (-webki

Examples of common code extraction in vue. js and vue. js Preface When we use vue to build medium and large projects, we usually encounter some frequently used methods and attributes. For example, to build an employee management system, the requested url requires a common prefix, or it takes time in several views. This time is formatted by some method. If you wri

Vue-router single-page route, vue-router route In vue, a class library named vue-router is used for single-page routing. Routing is generally divided into four steps: Prepare a root component vue. extend (); Prepare a template for the route content; Prepare route new

$ Set and array update Methods in vue. js, and vue. jsset array update Due to JavaScript restrictions, Vue cannot detect the following changed Arrays: When an array item is directly set using indexes, such as vm. items [indexOfItem] = newValue When you modify the length of an array, such as vm. items. length = newLength, the array is not updated. Of course, t

Vue. js moves the array position and updates the view method. The vue. js Array Use vue. js v-for to bind several options. You need to sort and move the options up and down. The position of the array in options needs to be exchanged, which is usually written as follows: Suppose to move one forward: Var index = this. options. indexOf (option); // obtain the

Solve the problem when using the vue-aplayer plug-in, vue-aplayer plug-in This article describes how to solve the problem when using the vue-aplayer plug-in: Install $ npm install vue-aplayer --save Use Attribute Most of these attributes are the same as those of Aplayer. Attribute name Type Defaul

Using vue. js to change the selected status, vue. js is selected After using the prototype to change the unselected status and accessing vue, you can think about whether you can use vue to implement the function. The page in the previous article does not dynamically implement the page, all data is directly written in h

Summary of Vue underlying implementation principles and vue underlying principlesPreface I have recently studied and analyzed the Vue Principle and Implementation of two-way binding to MVVM. I will summarize my thoughts while learning. Vue is a typical MVVM framework. A Model is just a common JavaScript Object. If you

Vue arrays and objects cannot be directly assigned values and solutions (recommended). vue value assignment Vue cannot detect the following changed Arrays: When you use an index to directly set an item, for example:vm.items[indexOfItem] = newValue When you modify the length of an array, for example:vm.items.length = newLength You can usethis.$set(this.arr,index,n

In fact, they are not very different, are based on the es6 of Promise object Implementation methodVue-resource:Main.js =Import vue from ' Vue ';Import Vueresource from ' Vue-resource ';Vue.use (Vueresource);Components inside use = =Template> Div>{{MyData}}Div>Template>Script>Exportdefault{data () {return{mydata:{}}, created () { This. $http. Get (URL). Then (r