Vue series learning notes Class and Style binding
Article directory
1. Bind HTML Class
1.1 object syntax
1.2 array syntax
1.6 for components
2. Bind inline style
2.1 object and array syntax
2.3 multiple values
1. Bind HTML Class
1.1 object syntax
We can give v-bind:class = "object" an object to achieve dynamic switching class
...
Posted by jackie111 on Fri, 14 Feb 2020 01:20:24 -0800
class and style of vue
This article refers to the official documents of vuejs, combined with their own understanding of the collation of reading notes!
When v-bind is used for class and style, the result of an expression can be an object or an array in addition to a string
Object syntax
<div class="static"
v-bind:class="{ active: i ...
Posted by thenewguy on Thu, 13 Feb 2020 12:14:12 -0800
Dynamic load user menu
The process is that the user enters the module page after logging in, clicks on different modules, and enters the menu page (different modules, different menu contents)
Problems encountered
1. The menu data is stored in the store and the page is blank after refreshing
Solution: initialize the menu every time in the global navigation guard ...
Posted by vandalite on Wed, 12 Feb 2020 07:16:43 -0800
Microservice framework: building of Leyou mall project
Leyou mall project construction
Learning objectives
1. Understand the e-commerce industry
1.1. Project classification
1.1.1. Traditional projects
1.1.2. Internet Project
1.2. Development of e-commerce industry
1.2.1. money scene
1.2.2. data
1.2.3. Technical characteristics
1.3. Common e-commerce ...
Posted by Sam on Mon, 10 Feb 2020 22:10:48 -0800
vue components and routing exercises
1, Two ways to define components
<div id="itany">
<hello></hello>
<my-world></my-world>
</div>
<script src="js/vue.js"></script>
<script>
/**
* Mode 1: first create the component builder, and then create the component by the component builder
*/
//1. Use Vue.extend() to create ...
Posted by lalloo on Sun, 09 Feb 2020 10:29:16 -0800
The third day of learning Vue.js -- dynamic binding style and calculation properties
The third day of learning Vue.js -- dynamic binding style and calculation properties
Today is the Lantern Festival. First of all, I wish everyone a happy Lantern Festival. I also wish the medical staff on the front line a happy festival. I hope the epidemic will pass soon. Come on
Following the dynami ...
Posted by eelmitchell on Sat, 08 Feb 2020 03:54:08 -0800
axios in vue
axios
promise based on http client for browser and nodejs
characteristic
Browser side initiates XMLHttpRequests request
http request from node
Support Promise API
Listen for requests and returns
Conversion request and return
Cancellation request
Automatically convert json data
Client support mitigation
install
Using npm:
npm install axios -- ...
Posted by mjahkoh on Fri, 07 Feb 2020 10:38:51 -0800
vue uses JSEncrypt to implement rsa encryption and mount method
Mount global method
rsa encryption with jsencrypt
Original link: Js parameter RSA encrypted transmission, use of jsencrypt.js - CSDN blog*
https://blog.csdn.net/p312011150/article/details/80264144
(there is a mistake in the original text. There is no need to convert +, rsa has already done base64 transcoding.)
1.Installation dependency npm in ...
Posted by Hitwalker on Fri, 07 Feb 2020 10:27:33 -0800
getAttribute of null error when integrating echarts in VUE
error
Error Scenario One:
Error Tips:
The above error occurred while running the Vue project because the graphics container for Echarts was initialized before it was generated. The code is as follows:
// Initialize echarts instance based on prepared dom
var bar_dv = document.getElementById('bar_dv');
let myChart = this.$echarts.init(bar_dv)
So ...
Posted by ICEcoffee on Thu, 06 Feb 2020 21:01:53 -0800
Principle of Bidirectional Binding of vue Data
1. Implementation principle of vue
Vue.js uses the attribute feature functionality provided by ES5, combined with the publish-subscribe mode, to publish messages to subscribers and trigger corresponding listening callbacks when data changes through Object.defineOrototype() to define set and get attribut ...
Posted by timc37 on Wed, 05 Feb 2020 19:00:06 -0800