Building vue mobile project from scratch to online

Let's see a wave of renderings   Initialize project 1. Installed on node.js Using the following command npm install --g vue-cli 2. Under the directory where the project will be built Vue init webpack myproject (project directory name) All the way back here In the middle, you can select ESLint to check the code style of the project. ...

Posted by zuhalter223 on Sun, 07 Jun 2020 01:05:45 -0700

Records of Front End Development: Foundation

Item Description This innovative training program provides multi-source movie browsing and recommendation system functions for movie audiences.The front-end is presented as a Web page, which provides functions of filtering, querying and sorting movies. Technical Selection 1. Do you want to use the ...

Posted by praeses on Sat, 06 Jun 2020 19:24:26 -0700

Ant design vue dynamic form

Ant design vue dynamic form 1. Official example First, let's take a look at the example given on the official website: Click Add filed to add a new input field Click Delete to delete the input box of this line Here is an example of demo on the official website: <template> <a-form :form="f ...

Posted by culprit on Fri, 05 Jun 2020 02:14:18 -0700

Sorting out the use of some functional functions

Some commonly used functional functions About native JS File size unit conversion /** * @desc bytesToSize Byte unit conversion * @param bytes Incoming data in bit */ const bytesToSize = function (bytes) { const k = 1024; if (!bytes || bytes === 0) return '0 B'; if (typeof (bytes) == 'string') { return bytes } else { ...

Posted by gilijk on Sat, 30 May 2020 08:29:56 -0700

IView (view UI) multi graph upload

@Official documents 1. Install iview2.0 cnpm install view-design --save 2. Introduce the ViewUI. Part of the note is @Last article For example, in this article, the version upgrade must be commented out, but uninstall does not // import iView from 'iview'; // import 'iview/dist/styles/iview.css'; import ViewUI from 'view-design'; im ...

Posted by don117 on Sun, 24 May 2020 08:39:00 -0700

vue image upload

@Official documents @Reference blog1,@Reference blog 2 Final effect:         realization: After the introduction of iView, an error is found, and the error information can be referred to @Reference blog 1, according to the blog Guide cnpm uninstall vue-cli -g cnpm install -g @vue/clivue init webpack yanancnpm install vue Then i ...

Posted by corruption on Sat, 23 May 2020 07:10:01 -0700

SpringBoot + Vue + ElementUI Implement Background Management System Template--Front End: Introduce element-ui to define basic page display

Prerequisite: SpringBoot + Vue + ElementUI Implement Background Management System Template--Front End Chapter (1): Set up the basic environment:https://www.cnblogs.com/l-y-h/p/12930895.html   1. Define common component pages The effect of a simple page is as follows: (Do it roughly and understand the page roughly)       1. Install element-ui ...

Posted by Silverado_NL on Thu, 21 May 2020 18:58:47 -0700

How to use slot in vuejs

Official website address: https://cn.vuejs.org/v2/guide/render-function.html Usage scenario of slot: if you want to add a paragraph of html or text inside the defined component, for example <my-button> <p>Hello world</p> </my-button> In this case, you can use slot to display the inserted html code in the slot positi ...

Posted by MikeTyler on Thu, 21 May 2020 08:47:31 -0700

UglifyJs problem in vue packaging

Today, I'm going to pack a vue project that I've been working on recently. I'll run it to the test environment and test it by the way, but it appears when I don't want to pack it ERROR in static/js/vendor.6ee331eab7d8c9bf1876.js from UglifyJs Unexpected token name «i», expected punc «;» [static/js/vendor.6ee331eab7d8 ...

Posted by pulkit123 on Mon, 18 May 2020 08:45:29 -0700

Building mock data environment with vue+koa2

I wrote an article a while ago Implementation of mock data mode in front-end vue project In this paper, we mainly use mock data in vue project. The data and project are coupled together, which is not elegant. As a front-end with pursuit, how can we tolerate this method? In this article, we record the method of using koa2 to build the server and ...

Posted by cschotch on Sun, 17 May 2020 17:26:47 -0700