javascript - How to implement component development in front-end development?

Nowadays, many frameworks can achieve component development, such as vue, react, etc., but these require compilation tools to implement. It is necessary to learn how these frameworks achieve component development in the traditional jquery era.

習慣沉默 2017-07-03 11:40:36 0  3  938

javascript - In the vue.js component development model, how to make the style only apply to this component and its subcomponents.

If scoped is used, the style can only affect the current component but not its sub-components. Sometimes due to design problems, there are a lot of styles shared between different sub-components. I would like to ask an expert if the style can only be applied to this component and other sub-component...

怪我咯 2017-05-18 10:51:18 0  1  953

React component library + SASS modularity

I'm starting to develop a React component library and would like to reuse some SCSS code we share with other non-React projects. To achieve this, I'm trying to use a SASS module in a React component. Simple use case works fine but I'm creating a component library and I need multiple style combinatio...

P粉818306280 2024-03-26 21:31:03 0  2  391

javascript - The child component triggers a custom event of the parent component, but the parent component does not respond.

The following is the child component @change='showChange' is the child component event. The following template is registered as an order-type component {code...} The following is the child component method: {code...} The following is the parent component {code...} But alert(2) is not executed

大家讲道理 2017-07-05 11:03:26 0  3  1001

javascript - How to pass parameters from sub-component to parent component in Vue

Background: Vue+ES6, the subcomponent is called after the parent component is created, and the onclick event trigger has been encapsulated in the underlying component (subcomponent of the subcomponent). Question: How does the subcomponent respond when there is no event binding in the parent componen...

给我你的怀抱 2017-05-19 10:20:59 0  8  798

vue3 js component: component not updated

I have a component that collects data from an API. The data returned from the API is an array containing the details. One of the values ​​in the array is the type of component that should be rendered, all other data is passed to the component. I'm trying to render the correct component based on the ...

P粉779565855 2024-02-25 14:50:02 0  2  449

What are the performance numbers next to components in the Vue dev tools?

Does anyone have insights or resources for a certain feature in the Vue development tools? On the components pane, it shows my component, and then these little red and yellow squares, and what I'm assuming is the performance of the component. When I first load the app they don't appear, but for exam...

P粉420868294 2023-11-09 14:46:48 0  1  861

Pass array to component

I'm new to React and need help with the following.. I have a component that accepts an array list to render the component and need a separate component to manipulate the array rendered component: exportfunctionDashboardContent(){return();} mockData is where I need to pass the array via the API call ...

P粉006540600 2023-08-15 17:00:37 0  1  566

javascript - How can one component in vue better listen to the events of another component?

There are four routing components A, B, C, and D under the parent component APP. There are A1, B1, C1, and D1 subcomponents under these four routing components respectively. There is also an E component under the app. When these components A1, B1, C1, and D1 are clicked, the methods in the E compone...

習慣沉默 2017-06-14 10:53:44 0  1  669

javascript - Custom subcomponent receives parent component data, how to use v-for to render multiple subcomponents

Let’s start with the code. Now there are 4 objects passed to the child component. How to use v-for to render 4 child components? Should v-for be placed in the template of the parent component or in the child component?

PHP中文网 2017-05-19 10:44:00 0  1  635

javascript - vue2.0 subcomponent uses $parent.$emit and $on to communicate with the parent component and reports an error?

This is a child component and this is a parent component. Since vue2.0 has deprecated the events attribute, how do click events in my child component bubble up to the parent component, and when should the parent component listen to this event and trigger it. I try to pass this.$parent.$... under the...

仅有的幸福 2017-05-19 10:32:24 0  1  765

Grandparent component in VueJs 3 sends events to its grandparent component

I'm relatively new to Vue and working on my first project. I'm trying to create a form with multiple child and grandchild components. I've run into a problem where I need to be able to generate multiple copies of a form. Therefore, I moved some data attributes up 1 level. Currently, the form is Appl...

P粉251903163 2023-11-03 16:03:06 0  2  755

Share React components between projects

Conceptual issues. I have two projects running on two different React services. Many components can be shared between the two projects. How should I set this up so that I can have a "live" project with shared components, and multiple projects can use these components in real time. Through ...

P粉225961749 2023-09-21 00:01:52 0  1  668

javascript - vue2.0 dynamically loads multiple identical components, enters different values ​​into the data in the components, and when closing the non-last component, the value destroyed is the last component value.

Vue2.0 dynamically loads multiple identical components and enters different values ​​into the data in the components. When closing the non-last component, the value destroyed is the last component value. Component loading method: component is an array. Obtain the component to be rendered through a c...

黄舟 2017-07-05 11:00:36 0  1  1402

javascript - After the VUE parent component model changes, why do the props passed into the child component not change?

After the VUE parent component model is changed, why do the props passed to the child component not change? Parent component {code...} Child component {code...} After I click the test method, I change the banner of the parent component. Why does the model of the subcomponent not change after the ban...

習慣沉默 2017-05-19 10:30:47 0  2  670

React method to pass input value state from parent component to child component

I have a parent component that maps through my array and prints out an iteration of the various Child components. I'm trying to access state in the parent component but can't figure out how to extract the correct state for the "inputValue" from the child component and put it in the parent ...

P粉300541798 2023-09-17 00:11:51 0  1  682

javascript - In vue, after the parent component is instantiated, will the child component also be instantiated?

In Vue, after the parent component is instantiated, will the child component also be instantiated? If not, how to instantiate the subcomponent

给我你的怀抱 2017-05-19 10:44:40 0  1  573

How does phpstudy for linux support components such as Xcahce and memcache?

I installed phpstudy under centos 7. I recently enabled Xcahce and memcache components, but I use phpstudy and I don’t know how to enable them. . .

H_Client 2017-09-26 11:03:48 0  1  1391

Can a child component pass a function with an id parameter to the parent component?

Is it possible to pass a function with an id parameter from a child component to a parent component using React? I'm trying to pass the function as a prop to it's parent component. The component solution is App component->TasksList component->Task component. So I need to route to a specific ta...

P粉550323338 2024-03-20 10:58:24 0  1  415

javascript - Problems with component division and combination use in vue

I am new to Vue. I am currently doing a small exercise with a grid component and a dialog component. There is a delete button for each row in the grid. After clicking, a pop-up window will prompt whether to delete it. The grid component is as shown below: The dialog component is as shown below: Crea...

漂亮男人 2017-05-19 10:37:17 0  1  581