Programming VIP

Preface Slot and slot-scope in Vue have always been an advanced concept, which is not always touched in our daily component development, but is very powerful and flexible. In Vue 2.6 Slot and slot-scope are unified into functions within components Their rendering scope is all sub-components And can be accessed through this. ...

Vue filter of Vue plug-in What is a filter? Let's take Li ziha for example: the user has entered an English sentence, we need to capitalize the first letter. Before displaying this sentence, we need to add a filter to make the sentence capitalized Another Chestnut: you request data and get an array. When rende ...

Instruction is to drive DOM behavior with data and simplify DOM operation. Common instructions are as follows v-text innertext, cannot parse html tags in text v-html innerhtml, which can parse HTML tags in text v-show controls the display and hiding of elements v-if, v-else-if, v-else meet the conditions to display the corresponding eleme ...

My last article on vue is a little bit too long away from this one. It's finally finished recently. Because I always want to write something with some achievements, rather than just a tutorial. Combined with the recent experience in the project and a little creativity. First of all, what is this! H5 live platform! It's not a title. I've dev ...

First, ensure that these conditions are met:     Then install vue globally cnpm install -g vue-cli After installation, you can use vue -h to view the help documents of vue     vue -list view the templates supported by vue What we will use next is webback     vue init webpack mall The project name must be entered in English. I enter mal here ...

This is the rendering. It seems very simple. Have you been writing Jquery code for a long time, always thinking about DOM operation? I haven't switched over for a long time. Finally, Vue's attributes are used for control, and the function of multiple attribute selection is realized Directly on the source code! index.html <!DOCTYPE htm ...

vue custom panel instruction In the development of the project, many panels with mask layer are used. These panels are rigid, fixed in size, fixed in position, unable to minimize and so on. I would like to use a vue custom instruction to solve these problems. For any panel, just add a v-panel instruction to the panel e ...

React is the front-end framework of FaceBook, which is characterized by componentization, high encapsulation and component reuse. The disadvantage is that both view and data are included in the render function, which does not achieve the separation of data and view The JSP syntax initiated by React has become an independent standa ...

There are two ways to insert content into a component Drawback Sub components     demo using slot points to insert content into components 　　Vue.component('Parent',{ template:` <!--Back quotes are better than Quotes--> <div> <p>hello</p> <slot></slot> <!--If ...

In this case, github: https://github.com/axel10/Vuex_demo-Counter-and-list In this tutorial, two examples, counter and list, are used to explain the simple use of Vuex. The process from installation to starting the initial page is skipped directly. Note that routing is required during installation. First, create a new store directory and corres ...