Vue - vant based APP framework (navbar+tabbar+router)

Demo address: https://github.com/iotjin/jh-vue-demo app1 project for This article mainly introduces how to use vant's navbar, tabbar and vue router to create a vue version of APP basic framework (suitable for Liu Haiping) The main interface of app is generally composed of three parts: navbar + main content + tabbar, as shown in the fol ...

Posted by susrisha on Sat, 29 Jan 2022 00:45:52 +0100

Vue version 3.0 - let's talk

vue3.0 version preface Study vue3 0 can learn and consolidate vue2 0 knowledge points are helpful for 3.0. Come on, Sao Nian! vue: Beta It can be seen that the Vue 3.0 beta version is a project series, including the suite and webpack plug-ins we need in the development process. This article will take you to quickly build a project fra ...

Posted by cjkeane on Fri, 28 Jan 2022 16:28:52 +0100

gin plus vue use nginx proxy to deploy server

The front and back ends are separated, and then deployed to a server. When vue is packaged, the benchmark path is packaged as the address of the back-end service without adding the end slogan. Then, the main operations of the back-end and server are as follows: You can use goland to connect to the server, which is more convenient The server is ...

Posted by lnfreish on Fri, 28 Jan 2022 11:32:38 +0100

Mutation method of VUE array (change method)

Mutation method of VUE array (change method) In Vue, modifying the value of an object property directly cannot trigger a response. When you directly modify the value of the object attribute, you will find that only the data has been changed, but the page content has not changed Array and object are a reference type, and the view layer ...

Posted by virken on Fri, 28 Jan 2022 04:18:34 +0100

Wechat applet monitors this Data change

Problems encountered In Vue, for data in state, Vue provides a general way to observe and respond to data changes on Vue instances: monitoring attribute watch. The same situation is encountered in the development of applet: it is necessary to monitor one or more data in the current page data in real time If there is a general method to monito ...

Posted by xadmin on Fri, 28 Jan 2022 00:46:52 +0100

element table manually implements user-defined filtering (Unofficial)

Look at the renderings first 1, Foreword Party A has to export well and use excel for advanced screening. It has to implement one in the web page.... The initial attempt to use the official screening of element is very different from that of excel after showing it to Party A.. Fortunately, the official provides a custom header, so you ...

Posted by jwcsk8r on Thu, 27 Jan 2022 12:31:21 +0100

vue parent-child component communication [case explanation]

Parent component communicates with child component The parent component wants to communicate with the child component through props in the child component props Type: Array | Object Details: props can be arrays or objects that receive data from parent components. props can be a simple array or use an object as an alternative, which a ...

Posted by leequalls on Wed, 26 Jan 2022 12:40:26 +0100

Non props attribute of VUE3

1. General Murphy's law tells us that people are always easy to make mistakes. No matter what degree of technology development or who they are, mistakes will always happen inadvertently. Therefore, when doing important things, we'd better try to estimate all possible errors, think about the remedial plan after the error, and then prepare one or ...

Posted by rptasiuk on Wed, 26 Jan 2022 12:31:18 +0100

Front end performance optimization - using content distribution network CDN

Why use CDN When more and more components are introduced, use the app packaged by webpack JS file is easy to become too large, which is very unfriendly to the first screen loading. The JS code using the third-party resources of CDN will no longer be packaged into the JS package of local services. Reduce the volume of local JS package and imp ...

Posted by Anyaer on Wed, 26 Jan 2022 06:58:02 +0100

Vue routing permission control

When we are working on the background management system, we will all involve the problem of how to dynamically display the menu tree on the left side of the system. At present, they are basically RBAC solutions, that is, Role-Based Access Control. Permissions are associated with roles. Users get the permissions of these roles by becoming member ...

Posted by er0x on Wed, 26 Jan 2022 06:16:18 +0100