vue navbar

When you use vue-router in vue to switch the page, the scroll bar will automatically scroll to the top of the page, vuevue-router Sometimes we need to scroll the page scroll to a fixed position.Window scrollTo() Method. Syntax:scrollTo(xpos,ypos) Xpos: required. X coordinate of the document to be displayed in the upper left corner of the document display area. Ypos: required. Y coordinate of the document to

Vue. js custom command usage and instance parsing, vue. js Parsing Most of the Articles on Vue. js custom commands on the market talk about syntax and seldom talk about actual application scenarios and use cases. Even if you understand how to write them, you do not know how to use them. This document does not describe the syntax. It describes the usage of custom

Use the Compass method in Vue, and use the compass method in vue. Motivation After a long delay, I finally made up my mind to write my own personal websites. Not only do I have to look so cool, but I also need to be OK with technology, so take this opportunity to exercise your unfamiliar technologies. The website plans to use Vue as the front-end framework, and C

Describes the sequence of vue functions and vue functions. Method is used to define the method. For example, if you @ click = "test", methods defines the test method. Both created and ready are the lifecycles of vue components. Created Type: Function Details: It is synchronously called after the instance is created. At this time, the instance resolution opt

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

Vue. js imitation Metronic Advanced Table (2) Data Rendering, vue. jsmetronic The previous article used Vue. js to create a Metronic-like Advanced Table (I). The static design introduced the requirements, prototype design, and static page implementation. This article explains how to use Vue to render data for dynamic d

$ 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

Author qq:1095737364 QQ Group: 123300273 Welcome to join! 1. Install the Webpack and VUE-CLI modules:npm Install webpack-gnpm Install vue-cli-g2. Go to the new project directory and execute the following command to create a new project:vue Init webpack hiibook_find3. Then go to use the CD command to go to the new Hiibook_find directory and install the module in Package.json:cnpm Install4. Then execute the c

1. Install the node environment (NPM will be installed automatically when node is installed)Reference official website: https://nodejs.org/en/download/2. Installing Vue's Scaffolding tool vue-cli// Global Install NPM i vue-cli-g3. Initialize the Webpack project with VUE-CLI (CMD is used here, you can select options)Vue

Vue instruction learning and vue instruction # New Vue ({All vue data is stored in data # data: {vue object data # a: 1, object # B: [], #}# methods: {vue object method # dosomthing: function () # {# this. a ++ # console. log (thi

This article will give you a description of the Vue style switch one-level vue dynamic style of the use of the tutorial, the following to bring you a few small cases, the need for friends can learn from the study. Now that we've chosen Vue, don't think about manipulating the DOM when you're doing something, all of it to Vue