Programming VIP

1. Interpolation expression Purpose: insert content directly into the dom tag Also known as: declarative rendering / text interpolation Syntax: {expression}} <template> <div> <h1>{{ msg }}</h1> <h2>{{ obj.name }}</h2> <h3>{{ obj.age > 18 ? 'adult' : 'under age' }}</h3> </ ...

Linking up with the previous article, after the vite multi page configuration, I found that the router could not be used normally, so I had a headache. Then I looked around and finally found a solution. The article is a little wordy. If you need to see the difference in configuration, please go directly to the end How to introduce router in vit ...

Thoroughly understand the calculated properties, methods, and watches in Vue Preface: when learning the Vue framework, we will all be exposed to the calculation properties, methods and listeners, but for beginners, it is easy to confuse these concepts, so we are going to write an article to thoroughly explain these three properties. Calculat ...

vuex has a basic understanding of installation and preliminary use First, let's look at how components in vue share data Father to son   v-bind Son to father   v-on Sibling components   EventBus$on the component that receives the data$emit the component that sends the data Understanding vuex It is a mechanism to realize ...

After the company has done many large screen projects, there are many solutions for screen adaptation, such as media query, scale scaling, Rem, vw, etc. to be honest, but each solution has its own specific use scenarios. In the face of different projects, our first consideration is not which solution is the best, but the most appropriate. Af ...

vue summary VUE Foundation 1, What is vue The official concept is that Vue (similar to View) is a front-end framework for building user interfaces Build user interface It is very convenient to fill data into html pages with Vue frame Framework is a ready-made solution. Programmers can only abide by the specifications of the framewor ...

Vue3 eckharts adaptive solution actual combat resize.js import {nextTick, ref} from "vue"; import {debounce} from 'throttle-debounce'; /*chart Is an example of an echarts diagram*/ export const chart = ref(); /*Detects whether the sidebar zooms*/ let sidebarElm; /*Use the element resize detector to listen for changes in the sidebar*/ const ...

Catalog 1. Basic concepts of Vue Vue Features MVVM in Vue Vue's life cycle 2. Basic usage Attributes: el: Determines which element to mount this Vue object on Data: Stores data that can be defined directly by us or from the network methods: This property is used to define a method in a Vue object. computed: after data processing and r ...

Linux+Nginx deployment Vue project (dist file) Project scenario: Project scenario: Linux deployment Vue project Idea: 1. Package the Vue project into dist package 2. Upload dist package to the server 3. Install Nginx 4. Configure Nginx[nginx.conf] 5. Restart Nginx Operation: 1.1 package dist file: [problems encountered during pack ...

preface This article will take you to use vue3 to encapsulate a global component to realize the counting function. I believe you will know its application scenario at a glance, that is, the common quantity selection module in shopping websites. Let's see how to implement it 1, Meaning of encapsulation There are many places to be used ...