The Way of vue+element ation Learning watch Deep Monitoring
Today, while doing the verification code function requirements, I came into contact with the watch listening method in Vue, which can be used to monitor data changes on the Vue instance.
Requirement scenarios:
1. At the beginning, the Get Authentication Code button is disabled by default. When the user enters the correct mobile ...
Posted by joseph on Tue, 14 May 2019 07:29:28 -0700
Refactoring - various aspects of code improvement
Refactoring is not a complete denial of previous code, but a better way to write better, more maintainable code.Continuous pursuit and learning will lead to more progress.
1. Preface
Front-end development has been in progress for some time, during which time, for their own requirements, not only can the project be completed, b ...
Posted by argyrism on Sat, 11 May 2019 16:40:30 -0700
Qualified Front End Twelfth Bomb-TypeScript+Large Project
Write before
TypeScript has been around for a long time and is used by many large companies to develop large projects.Last month, I was also following up on a large operations and maintenance project for the group.
The tasks to be done in a project are roughly divided into the following modules
One-stop management platform
Scale operation and ...
Posted by Ifa on Sat, 11 May 2019 15:58:57 -0700
Using vue family barrel to make blog website
Front words
The author is doing a complete blog online project, including Reception,Backstage,Back-end interface Server configuration. This article will introduce in detail the blog website made with vue family bucket.
Summary
This project is a set of blog front page based on Vue family bucket (vue, vue-router, vuex, vue SSR). Its main fu ...
Posted by NDK1971 on Sat, 11 May 2019 15:59:46 -0700
vue router state management
BUS
bus.js
import Vue from 'vue'
const Bus = new Vue()
export default Bus
export default {
methods: {
handleClick () {
this.$bus.$emit('on-click', 'hello')
}
}
}
export default {
data () {
return {
message: ''
}
},
mounted () {
this.$bus.$on('on-click', mes => {
this.mess ...
Posted by law on Sat, 11 May 2019 07:13:56 -0700
Communication, data transfer between vue components (parent-child component, sibling component)
Summarize the understanding and use of vue component communication.
https://segmentfault.com/a/1190000011882494
1. Component directory structure
Parent component: app.vue
Sub-component: page1.vue
Sub-component: page2.vue
Parent component app.vue
<template>
<div id="app">
<p>Please enter unit pric ...
Posted by gwbouge on Sat, 11 May 2019 06:03:24 -0700
Do not update after treading pit vue v-for operation DOM
Do not update after treading pit vue v-for operation DOM
Preface
Recently, when I read the style guide for vue, I found a problem that I had previously ignored in learning or even developing.
Picture Description
phenomenon
Looking at the above paragraph, I think I have encountered similar problems when I was just developing.It is after forcibly ...
Posted by Hamlets666 on Fri, 10 May 2019 23:53:03 -0700
The Development of Weixin jssdk Recording Function in the Development of Weixin
Brief description of project requirements
After the recording is finished, the user can choose to re-record and play the recording and upload the recording. (Here, the upload recording refers to uploading the recording to his server. The upload step is to call wx. upload Voice at the front end and download the audio file at the back end to the ...
Posted by andy_b42 on Fri, 10 May 2019 07:14:16 -0700
On-demand loading of spa based on vue and react
On-demand loading of spa based on vue and react
Since we are planning to use the same login method for all the management systems recently, and then switch the system after login, we don't need every system to re-login once, so the front-end side is thinking about building all the systems with a set of spa applications, but after t ...
Posted by MDanz on Fri, 10 May 2019 05:18:41 -0700
vue parent and child component data transfer
1. The parent component passes data to the child component
Parent component:
<template>
<div class="parent">
<p>Parent component:{{ msg }}</p>
<Child message="Hello, I am parent!"></Child>
</div>
</template>
<script>
import Child from './Child'
export default {
name: 'Pa ...
Posted by sunilmadhav on Thu, 09 May 2019 18:46:38 -0700