JSX use

Foreword:

JSX stands for javascript XML.A small amount of js scripts are written in different vue templates, and JSX is to write html tags in js 

1. js expressions in JSX

Syntax: {js expression}eg:const dom = 
Hello, I'm {name}

Second, conditional rendering of JSX

const sondom = () => {if (flag) {return 
correct
} else {return 
error
}}const fatherdom = (
{sondom()}
)

Three, JSX list rendering

const listdom = (
{list.forEach(item => 
{item.name}
)}
)

Fourth, use inline styles in JSX

const dom = 
{color:'red',backgroundColor:'blue'}}>

Five, using class names in JSX

 Introduce style files into jsimport '../../css/index.css'index.css.la-title{...}const dom =