Programmer Group

vue2-news Preface The UI of this project imitates today's headlines, but I have made as many modifications as possible. I am not doing UI design. How can I see the past? Let's have a "star" in the upper right corner to support it? The project includes four pages on mobile and native side, and 20 pages on ...

First, why don't I use vue-cli scaffolding? As we all know, Vue is relatively easy to start, build a project, a line of NPM install vue-cli-g can help us quickly build a project architecture, we do not have to think about how to design webpack, what vue-loader is used for, and so on, because cue-cli has helped us build the most bas ...

Recently, the product put forward such a requirement that groups be generated dynamically, as well as the pictures in each group. At the same time, when the picture is selected, the border of the picture is blue and the cancelled picture is white. When all the pictures in a group are selected, the checkbox of the current group ...

26. Asynchronous components When using asynchronous components in React, the core knowledge is two: How webpack loads other modules asynchronously: through require(['xxx'], function(module) {}); How to use the module loaded asynchronously in React: Refer to the normal way of using the module; [Asynchronous loading] For asynchronous load ...

Introduction: 0 Basic front-end newbies, gnawed on the front-end VUE framework for nearly half a month, have a preliminary understanding of the front-end knowledge.Below is a summary of my learning experience during this period. Article Structure Front End Foundation Introduction to Vue.js Common Instructions for Vue.js vue-router plugin for V ...

Reference resources: https://juejin.im/post/5c77c4ae518825407505e262 This article mentions how three components communicate with each other Communication between parent and child components props and $emit are suitable for direct parent-child communication $attrs and $listeners can communicate between grandparents Commu ...

Vue example Creation of Vue instances var vm = new Vue({ // option }) Data freeze Using Object.freeze(), this prevents modification of existing attributes and means that the response system can no longer track changes. var obj = { foo: 'bar' } Object.freeze(obj) new Vue({ el: '#app', data: obj }) <div id="app"> <p>{{ f ...

Previously created components were relatively simple, with no management or monitoring of any state passed to them, and no lifecycle approach. It's just a function that receives parameters. In the following example, we mark the component as functional, which means that it is stateless (no responsive data) and no instance (no this context). A f ...

Day 3 (Vue Bidirectional Data Binding, Computer Properties, Dynamic css Binding) Vue Bidirectional Data Binding Bidirectional data binding is commonly used for input,select,textarea. Let's look at an example. <div id="vue-app"> Name: <input ref="username" type="text" v-on: keyup. ...

I. Preface 1. Sources of inspiration I usually prefer to make some records and summaries of some things, including some components. When the amount of accumulation is large, I find that scattered accumulation is not suitable for management. So I began to think, what is a good way to regulate these scattered things? If compon ...