vueX of vue state management
preface
Over the past few years, I have been struggling in the it industry. Along the way, many have summarized some high-frequency interviews in the python industry. I see most of the new blood in the industry, and I still have all kinds of difficult questions for the answers to all kinds of interview questions or collection
Therefore, I dev ...
Posted by Madatan on Mon, 06 Dec 2021 18:43:11 -0800
42 vue3 transition and animation attributes control the transition duration
Build a transition and animation code
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>demo</title>
<style>
@keyframes comein {
0% {
transform: translateX(-120px)
...
Posted by Daveyz1983 on Mon, 06 Dec 2021 18:39:22 -0800
Use vitepress + github Pages to build your own blog website
Vuepress should have been used by many people, and VitePress yes VuePress The next generation framework is to support vue 3.0 web site framework.In its documentation, it is called Vuepress's brothers have some advantages over others:be based on Vite instead of Webpack So fast ...
Posted by jasoncable on Mon, 06 Dec 2021 10:48:47 -0800
vue template compilation process
Steps for template compilation in vue: convert template template into ast grammar tree (spliced string), wrap ast grammar tree into Render function through new Function + with grammar, generate virtual node, then mount virtual node into DOM tree to generate real DOM.(1) take template Template Conversion ast Grammar Tree -parserHTML(Regular impl ...
Posted by Permutant on Mon, 06 Dec 2021 09:35:05 -0800
Component communication between parents and grandchildren of vue and component communication between brothers
Component communication between parent and child components
Interview question: what are the communication modes between vue components?
The first: props+this.$emit:
props:
Parent component A binds data through v-bind and transfers data to child components, which are received by props
Parent component A:
<template>
<div class ...
Posted by Bullit on Sun, 05 Dec 2021 19:41:21 -0800
Learn the knowledge of virtual DOM by writing simple virtual DOM!
Author: deathmoodTranslator: front end XiaozhiSource: mediumThere are dreams and dry goods. Wechat search [Daqian world] pays attention to this bowl washing wisdom who is still washing dishes in the early morning.This article GitHub https://github.com/qq449245884/xiaozhi It has been included. There are complete test sites, materials and my ser ...
Posted by raahatazim on Sun, 05 Dec 2021 19:11:27 -0800
Non single file component of Vue component
Non single file component: a file contains n components
1, Components
Definition of component -- a collection of local function codes and resources in an application
Components:
Understanding: code set used to achieve local (specific) functional effects (html/css/js...)Why: the functions of an interface are complexFunction: ...
Posted by mazazino on Sun, 05 Dec 2021 04:37:04 -0800
119. Slot, mixin, global event bus
1. Slot
1. Default slot
Components that encapsulate slots
<ul>
<li>{{ title }}</li>
<slot></slot>
</ul>
Implementer of slot
<Com title="game">
<ul>
<li>Zhang San</li>
<li>Li Si</li>
<li>Wang Wu</li>
...
Posted by nocniagenti on Sun, 05 Dec 2021 04:27:03 -0800
Basic list of Vue2.0 rendering
Once there is order in js, you have to use an array ([]) to store it Everyone in the array is an object ({}) Everyone must have a unique ID
Vue.config.productionTip = false
const vm = new Vue({
el: '#root',
data(){
return{
persons: [
{id: '001',name:'Zhang San',age: 18},
{id: '002',n ...
Posted by Techissue2008 on Sat, 04 Dec 2021 13:17:23 -0800
Vue3+Element-Plus Homepage Aside Layout Design 24
1. Layout design effect of left menu
2. Left Menu Layout Analysis
Menus are split into two levels and have a folding effect
3. Introduction to menu components used Menu | Element Plus (gitee.io)
el-menu The outermost layer of the entire left menu must be wrapped in a menu el-submenu Level 1 Menu ...
Posted by lostprophetpunk on Sat, 04 Dec 2021 11:20:17 -0800