Simple summary of Vue.js template syntax
Vue.js template syntax
The most common form of data binding is text interpolation using {{...}} (double braces):
Use the v-html instruction to output HTML code:
The value in the HTML attribute should use the v-bind directive.
The following example judges the value of use. If it is true, use the style of class1 class, otherwise ...
Posted by elacdude on Mon, 20 Apr 2020 00:42:33 -0700
Vue-based server-side rendering framework Nuxt.js case description
background
To develop a new official website (education company), the website needs to consider drainage, promotion, keyword search ranking, so the website needs to do SEO.Vue.js is a framework for building client applications that, by default, can output Vue components in a browser for DOM generation and operationsDOM, like this client-side re ...
Posted by sledgeweb on Sun, 19 Apr 2020 00:51:45 -0700
VUE course -- 3. VUE template syntax
I. conclusion
One sentence summary:
To parse data in vue templates, you can use brace expressions, such as {{msg}}, or instructions, such as v-html (insert text by HTML tags), v-text (insert text by text), etc
<div id="app">
<p>{{msg}}</p>
<p>{{msg.toUpperCase()}}</p>
<p v-text="msg"></ ...
Posted by cybernet on Sat, 18 Apr 2020 10:14:29 -0700
WebSocket learning summary
This article casually wrote about my own understanding of websocket communication protocol, Demo played on two frameworks, and then stepped on several pits and unfilled pits (welcome to comment and guide).
What is WebSocket? Why use WebSocket?
WebSocket is a kind of network communication protocol.
When it comes to network communication protoc ...
Posted by redmonkey on Fri, 17 Apr 2020 02:42:03 -0700
Error in v-on handler: "TypeError: Cannot read property 'value' of undefined"
Error in v-on handler: "TypeError: Cannot read property 'value' of undefined"
Errors are reported as follows:
The above error occurred while running the Vue project because its container was initialized before it was generated.
First, check whether there are the following operations
//The original operation of fetching dom
document.getElementB ...
Posted by BenMo on Tue, 14 Apr 2020 07:35:17 -0700
Cannot read property 'value' of undefined
Error in v-on handler: "TypeError: Cannot read property 'value' of undefined"
Errors are reported as follows:The above error occurred while running the Vue project because its container was initialized before it was generated.
First, check whether there are the following operations
//The original operation of fetching dom
document.getElementBy ...
Posted by almystersv on Tue, 14 Apr 2020 07:11:20 -0700
Four Operational Generators for Primary School
Github project address: https://github.com/bravedreamer/test/tree/master/Arithmetic
Online preview: https://bravedreamer.github.io/test/Arithmetic/index.html
Project Partner: Wu Shangqian 3118004977 Wu Maoping 3118004976
1. Title Description
Implements a command line program that automatically generates four arithmetic titles for elementary s ...
Posted by VanPEP on Mon, 13 Apr 2020 10:55:17 -0700
Vue Learning Notes Component
Vue Learning Notes (3) Components
component is the core function of Vue.
<body>
<div id="app">
<my-component :lists="lists"></my-component>
</div>
<div id="app1">
<my-component :lists="booksName"></my-component>
</div>
<script src="../vue.js" ...
Posted by WendyLady on Mon, 13 Apr 2020 10:26:09 -0700
vue2.x learning notes
Next, the previous content: https://www.cnblogs.com/yanggb/p/12586416.html.
Input binding of forms
The input binding of forms is a very important part, because all business systems are inseparable from the input function of basic forms, so it is necessary to carefully grasp the relevant knowledge points.
Basic usage
You can use the [v-mode ...
Posted by rishiraj on Sat, 11 Apr 2020 20:06:03 -0700
vue search page development (hot search, historical search, Taobao interface demonstration)
Full effect demonstration
Complete the pseudo search box first
src/components/search/index.vue (general search box component)
<template>
<div class="mine-search-box-wrapper">
<i class="iconfont icon-search"></i>
<div class="mine-search-box" v-if="fake">{{placeholder}}</div>
<input
...
Posted by Lagreca on Sat, 11 Apr 2020 07:46:12 -0700