Vue2. X - Mount of Vue instance

runtime-only & runtime-with-compiler When building an application with Vue cli, we usually make the following choices: Runtime + Compiler: recommended for most users Runtime-only: about 6KB lighter min+gzip, but templates... The reason is that the implementation of $mount is different when different platforms are built. The difference betwe ...

Posted on Thu, 17 Oct 2019 14:16:26 -0700 by IRON FART

Dried food! Starting from 0, building personal dynamic blog at 0 cost

First published in Wechat Public No. Front-end Growth, written on October 12, 2019 Guide reading There is an old saying that a good memory is better than a bad pen. There are always some things in life that you would like to write down. The purpose of this article is to record the whole construction process and problems encountered and soluti ...

Posted on Mon, 14 Oct 2019 03:41:33 -0700 by akmalsiddique

[vue] method calls between Vue components

Method of parent component calling child component Add ref to the subcomponent to invoke the method of the subcomponent through this.$refs.ref.method The parent component part: <template> <div id="parent"> <v-child ref="vchild"></v-child> </div> </templ ...

Posted on Sun, 13 Oct 2019 10:43:13 -0700 by icedude

Regular Verification of input Label in vue

One of the problems encountered today is the verification of regular mobile phone numbers for input in vue Here is today's code, written in js, without elementUI. The code is as follows: <!-- Declaration of mobile phone number --> <div class="phonea"> <span>Declaration of ...

Posted on Sat, 12 Oct 2019 10:48:32 -0700 by dhrosti

net core WebApi dapper Autofac dependency injection front-end Vue front-end part

The front-end part is relatively simple, that is, the general configuration and installation of Vue No Vue. You can check it. You need to install node.js.   1. After installing vue environment. Installing elementui and axios also has its own checks on the Internet. Create a new User.vue in your ...

Posted on Sat, 12 Oct 2019 08:49:00 -0700 by siko

Plug-ins to be used in the project optimization process

xtravel-pc-v1 erp PC front-end project Dependent installation npm install element-ui --save With the help of babel-plugin-component, we can only introduce the required components in order to reduce the size of the project. npm install babel-plugin-component -dev npm install vuex --save Precompiled language npm install sass --save npm install cs ...

Posted on Thu, 10 Oct 2019 08:25:30 -0700 by ponsho

A case study to understand the scope slot of Vue.js

Original address: Getting Your Head Around Vue.js Scoped Slots Author: Anthony Gore Translator: Chor Scope slot is a very useful feature in Vue.js, which can significantly improve the universality and reusability of components. The problem is that it's really not easy to understand. It is no less painful to try to understand the intricate r ...

Posted on Thu, 10 Oct 2019 06:08:41 -0700 by konky

Vue unit testing

Unit testing is a test code written to test whether a class or a method can work properly. About Unit Testing What is it: Unit testing is the testing of correctness for the smallest unit of a program. It is to test a page or a method to test the code unit. Significance: It can reduce bugs, improve the efficiency and quality of code, quickly loc ...

Posted on Wed, 09 Oct 2019 17:01:59 -0700 by jeff8j

vue-wacth listening event

2019-08-05   0:20 Vue.js listens for the attribute watch, and we can respond to changes in data through watch. The following example implements the counter by using watch: (At this point, I thought, as if binding the click event can also achieve the counter, so I added a click event "I'm a real bull" myself). <!DOCTYPE html&gt ...

Posted on Wed, 09 Oct 2019 13:22:08 -0700 by laflair13

How to add events and styles to some elements in the vue v-for loop

It's easy to add events and styles to a cyclic element in vue. Here's how to add events and styles to a cyclic element separately. demo.vue: <template> <table> <tr > <th v-for = "head in muta">{{head}}</th> //Cyclic generation of table headers ...

Posted on Wed, 09 Oct 2019 05:48:32 -0700 by Kisses