Use eslint + husky + lint staged + prettier to improve front-end project quality and unify project code style

Use eslint + husky + lint staged + prettier to improve front-end project quality and unify project code style Eslint Check the code. After the editor enables Eslint, those that do not meet the specifications will be prompted automatically. Prettier If you make the code pretty, you will change the code that does not meet the detection requir ...

Posted by helppy on Sun, 01 May 2022 15:47:01 +0300

[vue] vuex common interview questions

[vue] vuex common interview questions 1, Introduction to vuex Understanding of vuex Vuex implements a one-way data flow and has a State to store data globally. When a component wants to change the data in the State, it must be done through mutation. Mutation also provides a subscriber mode for external plug-ins to call to obtain the u ...

Posted by FunkyELF on Sun, 01 May 2022 11:11:20 +0300

vue basic tutorial 01

1.Vue. What is JS Vue.js is one of the mainstream front-end frameworks, and angular js,React.js together and become the three main front-end frameworks! Vue.js is a framework for building user interface. It only focuses on layers. It is not only easy to start, but also easy to integrate with third-party libraries or existing projects. (Vue has ...

Posted by hadingrh on Sun, 01 May 2022 00:32:30 +0300

Vue basic syntax

1, Template syntax 1. Interpolation text  {{msg}} Example: <html> <head> <meta charset="utf-8" /> <title></title> <!-- Mode I manual mode --> <!-- <script src="js/vue.js" type="text/javascript"></script> --> <!-- Mode 2 CDN --> <!-- Development environment version ...

Posted by MaDSEGA on Fri, 29 Apr 2022 23:06:33 +0300

Summary of communication project methods between parent and child components of vue (props, $ref, $emit,. sync)

1. Realize communication through prop (parent - > child) The props option of the child component can receive data from the parent component. Yes, only receive, props is one-way binding, that is, it can only be passed from parent component to child component, not reverse. There are two delivery methods: (1) Static transfer The child compon ...

Posted by monkeyx on Fri, 29 Apr 2022 13:52:37 +0300

Uni app learning notes IV (Chapter 5 project practice: project initialization, navigation bar, tab production)

catalogue Project initialization Create a uniapp project - tabbar Implement navigation bar Tab making Project initialization Create a uniapp project - tabbar Pay attention to selecting cloud database. Log in to the unicloud account. Right click the project folder and select Create cloud service space. establish https://uniapp.dcloud.io/ ...

Posted by jmcneese on Fri, 29 Apr 2022 05:18:41 +0300

vue project compilation and running is too slow. How to improve the compilation speed

Before optimizing and improving the compilation speed, let me tell you a time-consuming plug-in that can list the output, loader and plugins. If the time is too long, it will be displayed in yellow and red. speed-measure-webpack-plugin How do we configure this plug-in in a specific project? Let's take a look at my configuration. This plug-in co ...

Posted by josemi on Thu, 28 Apr 2022 07:49:03 +0300

vuex+element gets data from the background and writes the navigation bar

Mainly used vuex, router.beforeEach, router.addRoutes(). See my other blog for how to use vuex: vue Notes (4) vuex. By the way, Amway online video to gif. Because I used router.addRoutes() for the first time, I encountered many problems when doing this requirement. Here are a few links for you. If you encounter them, you can click to view ...

Posted by phpcharan on Wed, 27 Apr 2022 18:18:36 +0300

Small test ox knife: Baidu LS lightweight server + centos7 9 + putty + nginx, deploy Vue project

Baidu LS lightweight server Baidu lightweight server . it is a small-scale cloud server with built-in application-based image or system-based image, which is bound with adaptive disk and bandwidth to provide services for small and medium-sized enterprises and individual users in scenarios such as official website construction, web applicat ...

Posted by eric1235711 on Wed, 27 Apr 2022 13:05:00 +0300

Rendering flow of Vue components

Introduction and examples When we create Vue instances, we use new Vue and this_ Init (options) method to initialize, and then execute $mount, etc. can the components use the same set of logic to process when rendering components? A: Yes, of course. You need to use Vue Extend method. Take an example that can be used in work: Requirements: w ...

Posted by kigroy on Sun, 24 Apr 2022 12:36:07 +0300