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

Vue.js Project API, Router Configuration Split Practice

Separate front-end and back-end development approach Front-end has higher control With the rapid development of front-end framework technology, the concept of Router has also been rapidly popularized in front-end projects. In the early years before and after the separation period, there is no clear routing concept. Front-end page Jum ...

Posted by rachelkoh on Thu, 23 May 2019 09:11:23 -0700

Using SVG in React and Vue Projects

In some modern flattened design websites, especially mobile websites, there are often many simple and clear icons, such as website icons, user's default avatars, fixed handover bar at the bottom of mobile homepage, etc. These icons are usually done by artists, and may be put on the wizard map, and then cut and display at the front end. In f ...

Posted by iandotcom on Wed, 22 May 2019 12:02:56 -0700

Vue Detects Related api

vm.$watch Usage: vm. $watch (expOrFn, callback, [options]), the return value of unwatch is a function to cancel observation; the following main understanding is the two parameters deep and immediate in options and unwatch Vue.prototype.$watch = function (expOrFn, cb, options) { const vm = this options = options || {} const watcher = ...

Posted by theycallmepj on Tue, 21 May 2019 09:18:55 -0700

Web Migrates Projects Quickly to React

Recently, in learning the front-end knowledge, I have skimmed through the documents of webpack and gulp. Although I have used Vue before, as far as the community is concerned, the current mainstream is React, so I also have to study vulgarly to lay a good foundation for the future construction of React Native's hybird architecture. Speakin ...

Posted by xsgatour on Mon, 20 May 2019 13:07:24 -0700

Vue.js Learning Notes Chapter 6 Forms and v-model s

This catalog: 6.1 Basic Usage 6.2 Binding Values 6.3 Modifier   Form-class controls host the entry and interaction of data from a Web page. This chapter describes how to use the v-model instruction to complete two-way data binding for a form. 6.1 Basic Usage Form controls are common in practical business, such as radio, multiple se ...

Posted by saqibb on Sun, 19 May 2019 19:40:06 -0700

Vue (V) Development of food components

1. Method of parent component calling child component Idea: When a user clicks on a product, the product details page appears, so it needs to call a sub-component when the parent component clicks on the product to control the display hiding of the product details page. food component <template> <div class="food" v-show="foodtoShow"&gt ...

Posted by NewbieBryan on Sun, 19 May 2019 11:50:53 -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

Dynamic Loading of Vue Components in Privilege Management Module

At present, when the back-end is separated, the handling of the privilege problem is also a little different from our traditional way of dealing with it. The author happened to be in charge of a project's rights management module a few days ago. Now the rights management module has been completed. I want to introduce the problems encountered i ...

Posted by dnzone on Sat, 18 May 2019 19:04:07 -0700

Vue Day 4 (communication ref between parent and child components to obtain DOM elements and component routing)

Vue fourth days Communication between parent and child components ref Gets DOM Elements and Components Route Parent components pass values to child components 1. Subcomponents use data from parent components Preliminary Attempt (Error Analysis) Correct use method <div id="app"> <!--Parent component,You ...

Posted by RossC0 on Sat, 18 May 2019 13:55:06 -0700