Application of axios in vue.js

introduce Axios is a promise based HTTP library that can be used in browsers and node.js. It is also the library recommended by the author of vue.js Realization function Create from browser XMLHttpRequests Create from node.js http request Support Promise API Intercept requests and responses Transform request data and response dat ...

Posted by vocoder on Mon, 02 Dec 2019 01:39:05 +0100

How to use echarts in Vue projects

We all know the importance of data. Even in a small project, we may use several charts to display. I need to use charts in the process of project construction recently. At last, I chose the echarts chart library. Why choose echarts? First, it's easy to start, second, it can almost meet all our development needs. Third, echarts should be made in ...

Posted by gooman on Sun, 01 Dec 2019 06:52:14 +0100

vue+node full stack mobile mall [8] - vant new registration page

In the last section, we have realized the jump of registration page, so in this section, we all use the van framework to improve the registration page. Let it have basic page interaction function.Prepare for the next step of login and registration. This isvant official website, In the left navigation, scroll down to,NavBar navigation bar Fir ...

Posted by chomps on Sat, 30 Nov 2019 21:00:59 +0100

vue-02: common attributes of vue

vue-02: vue common properties I. vue attribute set 1. Attribute set: v-bind,v-if,v-else-if,v-else,v-for,v-html,v-model,v-on,v-once,v-pre,v-show,v-text 2. V-bind / html/text: - any Picture introduction:         Introduction to use: // dom attribute assignment <li v-for="(item,key) in nameList" v-bind:key="key"> {{ ...

Posted by Rabea on Sat, 30 Nov 2019 07:09:39 +0100

How does Javascript share variables with sass, less, and CSS?

Original blog address, this blog was first published in csdn, original Some time ago, I met the need of website skin changing. I thought it would be very simple. Just use Sass or Less to set variables. The result is the style set in js It has to be set up separately. It's troublesome. This article code gitHub address https://github.com/l-x-f/va ...

Posted by clay1 on Sat, 30 Nov 2019 06:58:56 +0100

Bottom navigation bar for Vue development

1. Navigation Switching Encapsulate a common component, Tabbar, to include components in pages that require navigation pages.The code is as follows: <template> <div class="tabbar"> <!-- Place holder --> <div class="placegolder-container"></div> <!-- Bottom navigation bar --> <div class="bottom-tabs"& ...

Posted by zbert on Fri, 29 Nov 2019 08:50:45 +0100

Solutions common to scss in vue

Sketch Recently, due to project requirements, many articles about scss public have been reviewed. Here is a brief summary of those articles Solution a. When we want to use the sharing of scss files, first we need to think about how we should edit scss files, such as reducing the coupling between variables and mixing in scss files. We can sepa ...

Posted by Drezard on Thu, 28 Nov 2019 05:20:57 +0100

Vue source notes - data driven - what happened to new Vue

Vue version: 2.5.17-beta.0 When new Vue(options) calls the Vue function in the src/core/instance/index.js file. The source code is as follows: function Vue (options) { if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue) ) { warn('Vue is a constructor and should be called with the `new` keyword') } this._i ...

Posted by scripterdx on Mon, 25 Nov 2019 15:05:17 +0100

How to read the uni app framework efficiently? (recommended Collection)

By Jeskson Source: front end tavern of dada The framework of uni app, configuration: page.json, manifest.json, package.json, vue.config.js. Script, application, main.js. Log printing, timer, life cycle, page, page communication. pages.json file is used for global configuration of uni app. It is used to write path, window style, tabbar at the ...

Posted by rharter on Fri, 22 Nov 2019 20:05:53 +0100

Values passed between vue components: parent to child, child to parent

I. transfer value from parent component to child component 1. Create a child.vue under the src/components / folder 2. Create props in child.vue and add a new title attribute <template> <div> <h1>child Sub components</h1> <div>{{title}}</div> </div> </template> <script> export default { ...

Posted by double-f on Fri, 22 Nov 2019 19:27:12 +0100