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