VUE Computing Properties

1: computed attribute VS methods attribute <div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p> <p>Computed reversed message: "{{ reversedMessage1() }}"</p> </div> var vm = new Vue({ el: '#example', data: { message: ...

Posted by postalservice14 on Mon, 03 Jun 2019 22:03:11 -0700

axios uses documentation

 ##Axios Axios is a promise-based HTTP library that can be used in browsers and node.js. Features Create from Browser XMLHttpRequests Create from node.js http request Support Promise API Intercept requests and responses Transform request and response data Cancel Request Automatically convert JSON data Client Support Defense XSR ...

Posted by DaveSamuel on Wed, 29 May 2019 10:34:33 -0700

How to solve the problem of dist file size after web pack packaging

When we use vue.js to write a single page application, packaged JavaScript packages can be very large, affecting page loading. We all know the lazy loading of pictures.We don't load this picture when it doesn't appear in the viewport.So are we able to do that, lazy loading of routes?It is more efficient to load components when a route is u ...

Posted by Apollo_Ares on Thu, 23 May 2019 09:19:17 -0700

A Brief Talk on Using Vue to Construct the Bottom Layer of Single Page Application Development with Front-end 10w+Code Quantity

Before the start With the continuous accumulation of business, at present, our main project on ToC side, except node_modules, build configuration file, dist static resource file code is 137521 lines, the total number of sub-application codes under background management system, except dependencies and other files, also reaches a ...

Posted by l00ph0le on Sun, 19 May 2019 05:50:02 -0700

Front-end file download and drag-and-drop upload

demand Add Download Sample Button to the page To achieve a region can drag and drop upload word files, limit file size to 2MB and file type, display progress bar, and support canceling upload. File download What the business requires is that the sample be placed in a static folder without requiring a background request. For this scenario, the ...

Posted by MindOverBody on Sat, 18 May 2019 15:52:06 -0700

Three-level linkage, select Picture Vue element-ui

Recently, the product put forward such a requirement that groups be generated dynamically, as well as the pictures in each group. At the same time, when the picture is selected, the border of the picture is blue and the cancelled picture is white. When all the pictures in a group are selected, the checkbox of the current group ...

Posted by JohnMC on Sat, 18 May 2019 00:44:16 -0700

ajax component request API recommended by axios.js

I. installation 1. Install NPM install Axios using npm--save2. Install bower install Axios with bower--save3. Introducing <script src="https://unpkg.com/axios/dist/axios.min.js"> </script> directly using cdn Two, example 1. Send a GET request //Send requests with a given ID axios.get('/user?ID=12345') .then(function(re ...

Posted by JamieinNH on Wed, 15 May 2019 15:31:43 -0700

The Way of vue+element ation Learning watch Deep Monitoring

Today, while doing the verification code function requirements, I came into contact with the watch listening method in Vue, which can be used to monitor data changes on the Vue instance. Requirement scenarios: 1. At the beginning, the Get Authentication Code button is disabled by default. When the user enters the correct mobile ...

Posted by joseph on Tue, 14 May 2019 07:29:28 -0700

Qualified Front End Twelfth Bomb-TypeScript+Large Project

Write before TypeScript has been around for a long time and is used by many large companies to develop large projects.Last month, I was also following up on a large operations and maintenance project for the group. The tasks to be done in a project are roughly divided into the following modules One-stop management platform Scale operation and ...

Posted by Ifa on Sat, 11 May 2019 15:58:57 -0700

Using vue family barrel to make blog website

Front words The author is doing a complete blog online project, including Reception,Backstage,Back-end interface Server configuration. This article will introduce in detail the blog website made with vue family bucket.   Summary This project is a set of blog front page based on Vue family bucket (vue, vue-router, vuex, vue SSR). Its main fu ...

Posted by NDK1971 on Sat, 11 May 2019 15:59:46 -0700