vue property binding and interaction
vue directive binding properties
vue binds attributes by directive v-bind, src/width/height/title, such as v-bind:src='''can be abbreviated as: src=''', the same v-Bind:widthWait a moment, abbreviated as width,:height
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<body>
<div id="box">
<img v-bind:sr ...
Posted by info@ipfaces.org on Mon, 20 Jul 2020 09:12:34 -0700
vue+vuex+axios+echarts Draw a dynamically updated map of China
I. Build projects and install plug-ins
# Install vue-cli
npm install vue-cli -g
# Initialize project
vue init webpack china-map
# Cut into Catalog
cd china-map
# Installation Project Dependency
npm install
# Install vuex
npm install vuex --save
# Install axios
npm install axios --save
# Install ECharts
npm install echarts --save
II. Pr ...
Posted by jimmyborofan on Mon, 20 Jul 2020 08:30:08 -0700
vue loop resolving, custom filter, avoid flickering
* vue version 1.0
Repeated resolution of vue loop data
v-for specifies that duplicate data will be deleted if duplicate data occurs during looping.
vue1.0: Just add track-by="$index" <li v-for='value in arr'track-ty='$index'></li>where V-for loop goes
vue2.0+: need to get index on v-for, for example: <li v-for='(val ...
Posted by sgtpepper on Thu, 16 Jul 2020 07:21:59 -0700
Beginner vue+webpack (front end of formal pit entry)1
1. Install firstNode.jsEnvironment Official Website Address https://nodejs.org/en/ Text editor chooses sublime text3 (vs is too big)
2. Establishing projects
2.1 Create a new project folder, code-x code number x plan, and put it on the desktop
2.2 Initialization
cd c:\user\duab\desktop\code-x
npm install -g vue-cli //Global Installation vue-c ...
Posted by BinaryDragon on Mon, 13 Jul 2020 08:02:55 -0700
Beginner vue+webpack (front end of formal pit entry)1
1. Install firstNode.jsEnvironment Official Website Address https://nodejs.org/en/ Text editor chooses sublime text3 (vs is too big)
2. Establishing projects
2.1 Create a new project folder, code-x code number x plan, and put it on the desktop
2.2 Initialization
cd c:\user\duab\desktop\code-x
npm install -g vue-cli //Global Installation vue-c ...
Posted by skehoe on Mon, 13 Jul 2020 08:03:31 -0700
Vue source code analysis: the history of template compilation
In the last section, we talked about the general process of vue template analysis. In this section, we will elaborate on the specific content of template compilation? In fact, template compilation mainly includes html parsing and text parsing.
// Code location: src/complier/parser/index.js
/**
* C ...
Posted by littlejones on Tue, 30 Jun 2020 02:17:58 -0700
Vue source code analysis: the history of template compilation
In the last section, we talked about the general process of vue template analysis. In this section, we will elaborate on the specific content of template compilation? In fact, template compilation mainly includes html parsing and text parsing.
// Code location: src/complier/parser/index.js
/**
* C ...
Posted by Alka-Seltxer on Tue, 30 Jun 2020 02:02:36 -0700
Touch your hand, take you to understand Vue's Computed principle
preface
Computed is a very common property configuration in Vue. It can change with the change of dependent properties, which brings us great convenience. So this article will take you to fully understand the internal principle and workflow of computed.
Before that, I hope you can have some understanding of the responsive principle, because com ...
Posted by loudrake on Fri, 26 Jun 2020 01:17:48 -0700
Vue advanced use - use Element UI component library and Sass preprocessing language
@[TOC](Vue advanced use (3) - use Element UI component library and Sass css preprocessing language)
Using Element UI third party component library
1. cnpm installation element UI dependency
cnpm install element-ui --save
At package.json Element UI version information can be seen in the file
"depend ...
Posted by bow-viper1 on Tue, 23 Jun 2020 02:27:06 -0700
Vue basic knowledge summary (absolute classic)
Last night at 23:00, Vue, officially fired the first shot! In three and a half years, we will move forward to the whole stack, strive to become an architect within three years, and become the mainstay of the world's top 500 companies. fighting never stops. Come on!
1, Introduction
Vue (pronunciat ...
Posted by André D on Mon, 22 Jun 2020 20:14:43 -0700