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