Programmer Group

When it comes to react, the first thing we think of should be components. In react's eyes, everything is components. Even axios, which we use to get data, can be represented by components... for example, we can encapsulate them in this way. <Request instance={axios.create({})} /* custom instance of axios - optional */ method="" /* get, d ...

Key knowledge points: 1. Using vuex/store to manage data 2. Logic of login and registration 3.Nuxt Local Storage   1. Login page 1.1 Login Page Layout The code to replace pages/user/login.vue is as follows <template> <div class="container"> <!-- primary coverage --> <el-row type=" ...

In the previous article, we talked about data binding of vue, but the data generated by data is static data. If you need to modify it, you need to use this.xxx = xx to modify it explicitly in the code, but not automatically. The data source of vue is not only data, but also several other kinds, which can be changed dynamically. props The dat ...

MVP is a very good design mode, which can decouple code, layered business and componentized products, but can it be further improved? Coupling in the project is very few now, but the switch before the controller still exists. What way can zero-coupling of the controller be achieved? That's to say, this system needs to be sacrificed. The core Ro ...

Knowledge Points: v-on, v-for, v-if, props, $emit, dynamic Prop, Class and Style binding P1 Paging Query Query parameters Query parameters: company name, job type, salaryMin salaryMax Description: The request is made by axios.post with parameters, and the back end uses paging query to return the data of specified number of bars to the front e ...

1. In vue, parent component passes data to child component via props <child-component :prop1="Data 1 of parent component" :prop2="Data 2 of parent component"></child-component> The subcomponent accepts only props defined in the subcomponent. Vue.component('child-component', { props: ['prop1', 'prop2'], // Define which props to rec ...

In the last article, we wrote and rendered the header module of the project. In this article, we go further into the project design evaluation component. Analysis Page As shown in the figure, when we click on the evaluation, we directly jump to the evaluation page for navigation. The evaluation page is composed of a column of business scoring, ...

Previous blogs used Ghost, but they were attacked and blackmailed me for hundreds of dollars. By the way, data backup is important!I learned Vue.js a while ago. Node I saw before can remember a bit. It's mainly for exercise. This blog was written by myself without Hexo or Ghost.Due to the need of SEO, it is not interesting to write what you see ...

I made a website, put it online, open it with WeChat and click Share, but after sharing, the link card to a friend comes with WeChat by default, as follows: This title, description and picture comes with it by default. Ugly, sharing with others thought it was a stolen website. When you join WeChat's JSSDK, sharing can be customized as follows: ...

At present, the mainstream technology of front-end development has developed towards componentization. When learning a new framework, the most basic part must be to learn how to write its components. It's like learning a new programming language, always starting from hello world. And in React, what are the common ways to write components? Or ho ...