Vue Basics: template syntax

1. Template syntax 1.1 overview of template syntax Vue.js uses an HTML based template syntax that allows developers to declaratively bind the DOM to the data of the underlying Vue instance. All Vue JS templates are legal HTML, so they can be parsed by standard browsers and HTML parsers. In the underlying implementation, Vue compiles the templat ...

Posted by imagenesis on Thu, 19 May 2022 06:55:08 +0300

From vue to elementUI project

Detailed explanation of common components of Element install element Go to the folder and execute the following command to install yarn add element-ui -S // -S indicates the dependencies used by both the production environment and the development environment Introduce element in main.js, you can use it in the page import Vue from 'vue' impor ...

Posted by Birdmansplace on Wed, 18 May 2022 08:39:48 +0300

be based on. NetCore development blog project StarBlog - start building a Web project

Series articles be based on. NetCore development blog project StarBlog - (1) why do you need to write your own blog?be based on. NetCore development blog project StarBlog - (2) environment preparation and creation projectbe based on. NetCore development blog project StarBlog - (3) model designbe based on. NetCore development blog project St ...

Posted by Z3RO21 on Tue, 17 May 2022 22:18:39 +0300

Surprise! VUE data can't drive the view?

Vue cannot detect the addition or deletion of object properties 1. Emphasis: Vue cannot detect the addition or deletion of object attributes Official website - deep response principle( https://cn.vuejs.org/v2/guide ...) It is introduced in: due to the limitations of modern JavaScript (and the abandonment of Object.observe), Vue cannot detect ...

Posted by dannyone on Tue, 17 May 2022 17:49:59 +0300

2020-9-14, react framework entry, scaffold, component and event binding

Content: introduction to react framework, scaffolding, components, event binding Date: September 14, 2020 1, Introduction to react framework 1. Introduction react is an Open-Source Library of facebook and a JavaScript library for building user interfaces. It is not a complete MVC. It can be considered as the V (view layer) in MVC at most. ...

Posted by amalosoul on Tue, 17 May 2022 16:30:47 +0300

What is Spa (single page Web application)? And Vue routing

single page web application (SPA) An application with only one Web page is a Web application that loads a single HTML page and dynamically updates the page when the user interacts with the application. Compare traditional applications Single page application: Only the first time will the page be loaded, and each subsequent request is only ...

Posted by Mobile on Mon, 16 May 2022 20:42:07 +0300

Big front-end study notes -- Composition API

Composition API 1. Use of Composition API 1. Using Vue3.0 First create an empty folder, then enter the folder to execute npm init -y, then execute npm install vue@3.0.0-rc.1 to install vue3.0 Create index.html, use of vue3.0 <body> <div id="app"> x: {{ position.x }} <br> y: {{ position.y }} <br> & ...

Posted by gukii on Mon, 16 May 2022 15:18:02 +0300

Vue -- instruction [learning notes] (continuously updated)

Vue – instruction [learning notes] (continuously updated) Recorded Vue's study notes on the third day v-show Note that v-show does not support < template > elements or v-else. Elements with v-show are always rendered and retained in the DOM. V-show simply switches the CSS property display of the element. <div id=" ...

Posted by sp2hari on Sun, 15 May 2022 16:06:14 +0300

Vue integrated QQ login [server-side mode] [Oauth2 code mode]

Apply for QQ Internet Login Document address: [QQ login] OAuth2.0 development document. Apply for an application address Precautions: Add a QQ login button on the homepage of the website (how to add it will be explained below) The website information is consistent with the record information model This article uses the server-sid ...

Posted by rrijnders on Sun, 15 May 2022 10:42:06 +0300

Vue.js basic syntax introductory statement Vue learning notes v-model bidirectional data binding

Vue.js basic grammar, introductory statements, Vue learning notes Learning website: https://www.bilibili.com/video/BV15741177Eh vue experience Responsive: once the data changes, the view will respond to the change el: specifies which element this Vue object is attached to Data: this attribute usually stores some data <div id="app"&g ...

Posted by IMP_TWI on Sat, 14 May 2022 13:40:34 +0300