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