{{}} sintaxis de representación en vue

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>初学vue</title>
</head>
<body>
    <!-- 基于表达式进行渲染 {
   
   {}}语法  -->
    <!-- 容器 -->
    <div id = "app">
        <p>{
   
   { a }}</p>
        <p>{
   
   { a.toUpperCase() }}</p>
        <p>{
   
   { b > 18 ? '成年' : '未成年'}}</p>
        <p> {
   
   { a + '的朋友' + c.d + c.e}} </p>
    </div>
    
    <!-- 开发环境版本,包含了有帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script>
        const app = new new Vue({
            /* el选择器 */
            el: '#app',
            /* 提供数据 */
            data: {
                a: 'zy',
                b: 20,
                c: {
                    d: "zly",
                    e: "热爱学习Java"
                }
            }
        })
    </script>
</body>
</html>

Supongo que te gusta

Origin blog.csdn.net/m0_62600503/article/details/132368410
Recomendado
Clasificación