Programming VIP

1. Introduction   components are used as user-defined elements. Elements can have attributes and contents. Receiving attribute values through prop defined by components can solve attribute problems. What about contents? This can be solved by the < slot > element. In addition, slots can also be used as another implementation of c ...

Attachment: https://gitee.com/zhoulililia/vue_shop 1. Background home page basic layout opens Home.vue component, layout: <el-container class="home-container"> <!-- Head area --> <el-header>Header<el-button type="info" @click="logout"> Sign out </el-button></el-header> <!-- Page Body Area --> ...

Create a new detail vue； (important visual components are placed in the view) Configure index in router JS related routing information; (there are two ways of routing data, params and query, where params is used), { path: "/detail/:iid", component: Detail } Add click events and corresponding methods to the product details page compone ...

I vue componentization idea If we put all the processing logic of a page together, the processing will become very complex, and it is not conducive to subsequent management and expansion. If we split a page into small functional modules, each module completes the corresponding functions, and the components are independent of each other, Then t ...

1. Calculate the setter and getter of the attribute (why the fullName here doesn't need parentheses) Because the method in get is called directly, the final result can be displayed without () Note: / / generally, there is no set method for the calculated attribute, and the attribute is read-only It can be abbreviated as: 2. Comparison between ...

catalogue (11) routing 1. Definitions 2. Usage 3. Two methods of setting route navigation (1) Declarative: function when clicking a label (N usages) Case: transfer reference Case: receiving (three methods) (1)params (2)query (3) Common way (2) programming: click the tab to enter the function of the method 4. Routing parameters (1) ...

preface The function of button permission control is actually described in the previous article Page permission management It also contains this function, but it is not highlighted, so now write a separate article to record it 1, What is button permission control? Just finished A background management system, which is useful for button per ...

1. Overview of template syntax (1) how to understand front-end rendering Fill the data into HTML tags to generate static HTML content   2. Front end rendering mode (1) native JS splicing string (2) use the front-end template engine (3) use Vue specific template syntax   3.Vue template syntax (1) interpolation expression (2) instruction (3) even ...

Knowledge Prospect: suppose you know vue3 the knowledge about setup in composite API. If you are just beginning to study, you can have a look Official documents , or My article. In vue3, there are two important APIs - ref and reactive. If you don't understand the principles of these two APIs, it can be said that you haven't learned vue3 wel ...

Vue learning series - 05 - most detailed learning process (full of dry goods) preface 04 - Portal This chapter will advance to a new chapter! Start with componentization We all know that the rainbow can't be seen until the wind and rain. But we all hope to sit directly in the rainbow. Others have arranged a beautiful world for y ...