Programmer Think

Introduction: This article will talk about an important problem in Vue, that is, how to share data between components? As we said before, each component is independent of each other and can be used by importing components and registering components. How can we transfer data between components? 1. Relationship between components The relat ...

Preface: the use of slots is actually very simple. You only need to understand two points: 1. Slots are used in sub assemblies. 2. Slots are used to display the template data of child components in the parent component normally vue2. Slot for 0 Without much to say, let's go directly to the case: <div id="app"> <div class="fa ...

analysis: ① : initialize todo project ② : create 3 components and internal code ③ : prepare the style file of styles ④: App.vue is introduced for registration. The outermost container class name is todoapp Prepare in advance: prepare the style file of styles (copy it from the preview materials) in app Vue introduction and use (there is a link ...

EBook list E-book analysis data display EbookUpload component this.emit('onSuccess',response.data) book/components/detail.vue handleSuccess(data){ console.log(data); }, After getting the data Then write a setData method setData(data) { const { title, author, publisher, language, ...

This article mainly introduces the implementation method of Vue adaptive height table. It is introduced in great detail through example code, which has certain reference and learning value for everyone's study or work. Friends in need, let's learn together with Xiaobian preface The example version is element UI 2.13 1 + Vue 2.6. eleven I ...

In large-scale application development, the page can be divided into many parts. Often different pages have the same parts. For example, there may be the same head navigation. However, if each page is developed independently, it will undoubtedly increase the cost of our development. Therefore, in order to improve code reuse, we will split the r ...

1, Concept of front end Engineering webpack: a specific solution for front-end engineering Front end Engineering: in the development of enterprise level front-end projects, standardize and standardize the tools, technologies, processes and experience required for front-end development. Front end engineering solutions Current mainstream fr ...

Vue navigation and routing usage 1. Two common navigation 1.1 declarative navigation: This method is mainly used to define navigation links. However, sometimes we need to use code to dynamically change links, so we need to use the following programmatic navigation. 1.2 programmed navigation Inside the Vue instance, you can acce ...

Example 2 The template of this instance is as follows: <div id="app"> <mycom></mycom> <div></div> </div> <script> var vm = new Vue({ el:'#app', data:{ message:123 },components:{ "mycom":{ ...

The main method used in this paper is to package your own Vue project and put it into the official demo file of electron. After modifying the corresponding configuration, generate an exe file. 1, Installation 1. Download the official demo of electron git clone https://github.com/electron/electron-quick-start 2. Install cnpm It's not ...