Vue.js learning note 13: navigation guard of Vue Router

catalogue Navigation guard Global front guard Global post hook Route exclusive guard Guard in assembly Navigation guard Let's consider a requirement: how to change the title of a web page in a SPA application? The page title is displayed through < title >, but SPA only has a fixed HTML. When switching between different pages, th ...

Posted by blackcow on Sat, 22 Jan 2022 19:22:35 +0100

Calling interface mode in vue

Interface calling mode Native ajaxajax based on jQueryfetchaxios 1.Promise Promise is simply a container that holds the results of an event (usually an asynchronous operation) that will not end in the future. Syntactically speaking, promise is an object from which you can get the message of asynchronous operation.It mainly solves the problem ...

Posted by slushpuppie on Fri, 21 Jan 2022 23:58:30 +0100

vue notes - Basic chapter - v-_ Instruction syntax

1. Calculation attribute Calculation properties can be configured in options, so let's take a look at its introduction on the official website According to the document, its structure is calculated: {}, in which the object can be key: function or key: {get: function, set: function} Its this execution is directed to the vue instance rather tha ...

Posted by chwebdesigns on Fri, 21 Jan 2022 19:41:41 +0100

Take you to upload pictures with VUE

Abstract: I saw the effect of uploading pictures when I visited station b. I thought I could do one myself. Because the original author was written in native js, I might as well write it in vue. Of course, it's a very small thing. It's good to directly reference vue in HTML files. The detailed steps are as follows~ This article is shared from ...

Posted by ahmedkl on Fri, 21 Jan 2022 11:41:27 +0100

Nuxt.js server rendering from installation to deployment

Nuxt.js server rendering scheme Learn about nuxt Role of JSMaster nuxt Routing in JSMaster the differences among layouts, pages and componentsCan be in nuxt Using third-party ui libraries or plug-ins in JS projectsMaster nuxt How to get data asynchronously in JSMaster SEO optimization 1, What is SEO SEO is the abbreviation of English Search ...

Posted by jimmyt1988 on Thu, 20 Jan 2022 20:31:22 +0100

2021-07-08 Summer Project Training of Software College of Shandong university-day8

Learning objectives: Learn front-end knowledge and make clear the fuzzy knowledge points Jump page with parametersDifferences between V-model, v-bind and v-onThe design of components and the use of propsFront and rear end interaction Learning content: Jump page with parameters, refer to the link: Add link description Specific implement ...

Posted by thesecraftonlymultiply on Thu, 20 Jan 2022 15:54:08 +0100

How to use dllplugin package to extract public dependencies and the problems encountered in the micro front end (Qiankun) project

preface For large projects, it is often necessary to extract the dependencies of common parts to avoid repeated loading of dependencies. When extracting public plug-ins, we can consider using externals [Webpack's externals. note]. However, the premise of externals is that all dependencies must have a cdn or find its corresponding JS file, such ...

Posted by Dark-Hawk on Thu, 20 Jan 2022 14:21:29 +0100

vue project transformation SSR (server rendering)

1. What is SSR (server-side rendering)? Traditional vue project browser rendering mode Disadvantages: 1. SEO problems 2. First screen speed problem 3. Performance issues ssr server rendering mode advantage: 1. Better SEO, because the search engine crawler can directly view the fully rendered page 2. Fast first screen rendering SSR is s ...

Posted by kye on Thu, 20 Jan 2022 12:29:11 +0100

TypeScript advanced type 2 you need to know (summary)

Type inference: If no type is explicitly specified, TS will infer a type according to the rule of Type Inference: let myFavoriteNumber = 'seven'; //No mistake myFavoriteNumber = 7; //Type 'number' is not assignable to type 'string'. Note: different from declaring no assignment, declaring no assignment will be set to any ...

Posted by rndilger on Thu, 20 Jan 2022 06:06:48 +0100

vue 50 knowledge points from shallow to deep

Glory gold 1. What are the advantages of Vue? The disadvantages of Vue? Advantages: progressive, componentized, lightweight, virtual dom, responsive, single page routing, separation of data and view Disadvantages: single page is not conducive to seo, does not support IE8 or below, and takes a long time to load the first screen 2. Why is Vue ...

Posted by scotte on Thu, 20 Jan 2022 04:47:28 +0100