How to Reuse the Logic of a Component
Preface
This paper briefly discusses the history of logical combination and reuse modes of React and Vue mainstream view libraries: from Mixins to HOC, then to Render Props, and finally to the latest Hooks.
* Note: JS script files are introduced globally in this article, so you will see: const {createElement: h} = React; object deconstruction l ...
Posted by yazz on Sun, 22 Sep 2019 04:20:30 -0700
Nuxt adaptive SSR scheme: SEO and first screen minimization optimization
At present, the project uses Nuxt SSR to complete server rendering. In order to meet the needs of SEO, non-first-screen content is also requested and served directly, resulting in longer first-screen time (non-first-screen resource requests and component rendering will bring additional overhead). For a large number of users, a small number of ...
Posted by sys4dm1n on Sun, 22 Sep 2019 03:04:47 -0700
Vue's Rich Text
Preface
Recently embedded in project due to business requirements tinymce This rich text editor is designed to meet the business needs of the platform for users to edit various types of news content and what. It also takes a lot of time to experience and compare various open source editors on the market.
*Case demo version: vue-tinymce-demo
On ...
Posted by d0rr on Fri, 20 Sep 2019 19:42:33 -0700
Use of Vue built-in instructions
v-model (data binding)
v-model is commonly used for bi-directional binding of form data, which is essentially a grammatical sugar. It has two main applications:
Application in text box, multi-line text, drop-down box of input, radio button and check box
<div id="app">
<input v-model="test">
<!-- <input :value="test" @ ...
Posted by khujo56 on Wed, 18 Sep 2019 23:57:01 -0700
Vue module syntax
1. Interpolation
1.1 Text
1.2 html
1.3 Attributes
1.4 Expression
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
<title>interpolat ...
Posted by TexasMd91 on Tue, 17 Sep 2019 19:29:32 -0700
vue adds and edits the same form, and el-form forms empty form data after submission
vue adds and edits the same form, and el-form forms empty form data after submission
To add and edit contacts in the project, click on the add and edit button of the parent page, using the same form pop-up window, data add and edit with the same po ...
Posted by poisa on Mon, 16 Sep 2019 01:56:30 -0700
Haytham Personal Blog Development Log-Flask+Vue Logon Status and Routing Management Based on token
The signpost
In line with the key words, this blog may be helpful to you.
Flask applications without factory functions
Flask Applications Without Blueprint
Flask cross-domain configuration
Login Status Management Based on Token
Flask+Vue
Vue Routing Interception
Axios hook
Applicable scenario
This is a personal blog built record blog, but als ...
Posted by andychurchill on Sun, 15 Sep 2019 03:54:50 -0700
Provide Vue.js with TypeScript for Angular (2+) developers
Links to the original text: https://www.codeproject.com/Articles/5161835/Vue-js-with-TypeScript-for-the-Angular-2plus-Devel
Catalog
introduce
Evolution of Single Page Applications (SPA)
Overview of Three Frameworks
Vue.js, Angular De ...
Posted by fahhem on Thu, 12 Sep 2019 06:28:53 -0700
Construction of Single Page Application Based on Vue.js and WordPress Rest API
Preface
Vue.js is a library for building interactive Web interfaces. It provides MVVM data binding and a composable component system with simple and flexible API.axios is an HTTP client based on Promise for browsers and nodejs, which we will use to request api s.The WordPress REST API provides API endpoints for WordPress data types, allowing de ...
Posted by spawnark on Wed, 11 Sep 2019 00:23:53 -0700
Implement a simple version of vuex persistence tool
background
Recently, when developing applet projects with uni-app, some content that needs to be persisted can't be called like state in other vuex, so think about implementing something like vuex-persistedstate plug-in yourself. It doesn't seem like a lot of code
Preliminary ideas
The first thought is naturally the watcher mode of vue.Hijack c ...
Posted by remal on Tue, 10 Sep 2019 09:10:47 -0700