Basic knowledge of Vue + small cases
vue Foundation
First vue program
Import the development version of vue.js < script SRC = "https://cdn.jsdelivr.net/npm/vue/dist/vue.js" > < / script >
Create vue instance object, set el property and data property
Using simple template syntax to render data to the page
el m ...
Added by salman_ahad@yahoo.com on Thu, 13 Feb 2020 12:14:46 +0200
Bootstrap (IV) list group and additional navigation
List group
Normal list group
Ul add class.list-group
Add. List group item for each item
Using list group item - * to set predefined styles for list items
You can add any HTML content to a list item
List item content header setting.list-group-item-heading
List item content section setting.list-group-item-text
Additional ...
Added by tjhilder on Sat, 08 Feb 2020 19:34:41 +0200
Why to add attribute key in Vue v-for
It is highly recommended to add the key attribute when using v-for on the Vue official website. This article looks at the difference between adding attribute key and not adding attribute key. Let's simulate the processing flow of this part in Vue. First, create 3 div elements. The content is
xiaozha ...
Added by phpPete on Sat, 08 Feb 2020 13:28:58 +0200
vuejs Learn Two: Mustache, Simple Instructions, v-bind, Calculate Attributes
Mustache, simple instructions, v-bind, compute properties
1 Interpolate Mustache
The syntax of {{}} is mustache syntax
<body>
<!--mustache You can write simple expressions-->
<div id="app">{{message}}
<h2>{{first +' '+ second}}</h2>
<h2>{{counter*3}}</h2> &l ...
Added by SystemWisdom on Sat, 08 Feb 2020 06:20:49 +0200
The use of v-model instruction in Vue
1.Vue's common instruction v-model can create two-way data binding on the form < input > and < textarea > elements, and automatically select the correct method to update the elements according to the type of control. It monitors the user's input time to update the data. The binding results of different control types ...
Added by ScratchyAnt on Fri, 31 Jan 2020 19:07:39 +0200
Vue Wheel-tab Component (Middle)
1. If a label is given a class and the label itself has a class, the Vue is merged by default.Only two attributes are class and style.This makes it easier to change the style.
<g-tabs-head class="red"></g-tabs>
2. The structure of the components and the transfer of selected are illustrated below.
No Click Diagram
There is no ...
Added by chyan on Mon, 27 Jan 2020 18:22:31 +0200
vue I. basic use of vue, v-instruction, life cycle, template component template, watch data monitoring
vue official api tutorial: https://cn.vuejs.org/v2/guide/
vue official api document: https://cn.vuejs.org/v2/api/#watch
1, Download the vue special development tool HbuilderX (you can also use other)
Just download and install
HbuilderX Download: https://www.dcloud.io/hbuilderx.html
2, The first exam ...
Added by cnperry on Mon, 27 Jan 2020 07:24:30 +0200
Learning Vue (14) - using Vue resource to send requests
introduce
Vue resource is a plug-in of vue.js, which initiates requests and processes responses through XMLHttpRequest or JSONP
Vue resource is recommended by vue 1, while axios is recommended by vue 2.0. In fact, both of them can send requests to the backend to get responses.
install
Since vue-r ...
Added by jacobsdad on Sat, 18 Jan 2020 11:19:10 +0200
Attention to developing a map class system (openlayers.js) using vue.
Use vue to develop the attention of the map class system.
1. Objects that should be created with maps use less vue data and computed attributes to store data or vuex.
Why should we pay attention to this problem?
Answer: This is to understand the implementation principle of vue. Principle reference；
When you pass a normal JavaScript object int ...
Added by rockofaith on Fri, 17 Jan 2020 18:43:16 +0200
Two methods of using WX-JSSDK in vue
The company has recently had the demand for WeChat public address, so WeChat's login authorization and how to use WX-JSSDk to share are all the most troublesome problems. I also developed the WeChat public number for the first time. I read a lot of blogs on the Internet. Finally, I selected two methods ...
Added by ignorant on Fri, 17 Jan 2020 10:33:40 +0200