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