Programmer Think

If you want to see the rest of this series, please move to Vue.js actual combat series to realize the project development of video WebApp. Project warehouse address Welcome, Star Realization effect Function realization Introduce Vuex What is Vuex? Vuex is designed for Vue JS application development state management mode. It ...

Vuex is suitable for complex state management Install the specified version in Vue3 npm install vuex@next Basic use process of Vuex Simple version Create a folder at the same level as components store / index js import {createStore} from 'vuex' const store = createStore({ state(){ return{ count:0 } }, mutations:{ ...

This in js is an old topic. This article is probably the most comprehensive interpretation of this. Take a closer look. 1. First of all, we should understand the concept of objects in js. We say that js objects are roughly divided into dom objects and bom objects, that is, html pages are called objects, browsers are called objects, and the obj ...

  1. Common life cycle functions Life cycle function is the function that vue instance will execute automatically at a certain point in time When we create an instance, that is, when we call new Vue(), vue will help us create an instance. The creation process is not as simple as we think. It takes many steps Init (Events & lifecy ...

Routing principle Before analyzing the source code, let's understand the implementation principle of front-end routing. The implementation of front-end routing is actually very simple. Its essence is to monitor the change of URL, then match the routing rules, display the corresponding page, and there is no need to refresh. At present, there ar ...

Conceptual difference Named slot: how to distinguish when there are multiple slots at the same time. Just specify a name for each slot Scope slot: how to use the data of child components in the parent component to define the slot content. A simple understanding: the child slot displays its own internal data by default, but the parent wants to ...

preface: It has been a long time since the official version of the test version of vue3 was released. Let's summarize vue3 0 compared with our vue2 new and changed content. vue official entrance 1, Life cycle: (more relevant: entrance) 1,Removed vue2.0 Medium beforeCreate and created Two phases, the same new one setup 2,beforeMount Before ...

1, Pass parent component to child component Parent components communicate with child components through props attribute Data is one-way flow parent - > child (if props data is modified in the child component, it is invalid, and there will be a red warning) Parent component Vue code is as follows: <template> <div class="parent ...

1. Interpolation syntax mustach syntax is used to parse the contents in the tag body. There is an expression in {xxx}} and all attributes in data can be read 2. Instruction syntax Parsing tag attributes and tag body contents, binding events for tags, is also an expression, and the data in data can be read 1.v-bind Used to resolve tag prope ...

vue component development Developed in vue, are developed with the idea of component. Generally, when a project is built, component templates will be built first, and shelves will be put up. That is, the <template>view layer, <script>logic layer, and <style>css style layer are defined in the component. Typically, a comp ...