Vue笔记01

最新推荐文章于 2024-03-01 17:25:35 发布
最新推荐文章于 2024-03-01 17:25:35 发布
阅读量99 收藏
点赞数 1
分类专栏： 学习 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45811645/article/details/113837925
版权

Vue

文章目录

1. Vue基础

1.1 第一个Vue程序

  • 引入
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue基础</title>
    
</head>
<body>
    <div id="app">
    {{message}}
    </div>
    <!-- 开发环境版本，包含了有帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app=new Vue({
            el:"#app",
            data:{
                message:"hello Vue"            }
        })
    </script>
</body>
</html>

1.2 el挂载点

  • 作用范围
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue基础</title>
    
</head>
<body>
    {{message}}
    <div id="app">
    {{message}}
    <p>
        {{message}}
    </p>
    </div>
    <!-- 开发环境版本，包含了有帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app=new Vue({
            el:"#app",
            data:{
                message:"hello Vue"            }
        })
    </script>
</body>
</html>

image-20210215175512829

作用于：el命中的元素内部，以及内部的后代元素

  • 可以使用其他选择器，但建议使用id选择器
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue基础</title>
    
</head>
<body>
    {{message}}
    <div id="app" class="app">
    {{message}}
    <p>
        {{message}}
    </p>
    </div>
    <!-- 开发环境版本，包含了有帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app=new Vue({
            // el:"#app",
             el:".app",
            data:{
                message:"hello Vue"            }
        })
    </script>
</body>
</html>
  • 可以使用其他的双标签，但不能使用HTML和BODY

1.3data数据对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue基础</title>
    
</head>
<body>
    <div id="app" >
    {{message}}
   <h2>{{school.name}}</h2> 
        <ul>
            <li>campus[0]</li>
            <li>campus[1]</li>
            <li>campus[2]</li>
            
        </ul>
    </div>
    <!-- 开发环境版本，包含了有帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app=new Vue({
            el:"#app",
         
            data:{
                message:"hello Vue",  
                school:{
                    name:"王一博",
                    tel:"212313131"
                    },
                campus:["北京校区","上海","广州"]
                 
                }
               
        })
    </script>
</body>
</html>

image-20210215200803084

2.本地应用

2.1 v-text

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>v-text指令</title>
</head>
<body>
    <div id="app">
        <h2 v-text="message+'!'">上海</h2>
        <h2 v-text="info+'!'">上海</h2>
        <h2>{{message+'!'}}深圳</h2>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app=new Vue({
            el:"#app",
            data:{
                message:"我看着你的脸轻刷着和弦",
                info:"或许去看看沙滩"
            }

        })
    </script>
</body>
</html>

image-20210215204809918

  • 默认写法会替换全部内容，使用**差值表达式{{}}**可以替换指定内容

2.2 v-html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vue</title>
</head>
<body>
    <div id="app">   
        <p v-html="context"></p>   
        <p v-text="context"></p>  
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app=new Vue({
            el:"#app",
            data:{
                context:"<a href='http://www.baidu.com'>百度</a>"
            }

        })
    </script>
</body>
</html>

image-20210215205606413

2.3 v-on

  • 为元素绑定事件
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vue</title>
</head>
<body>
    <div id="app">   
      <input type="button" value="v-on指令" v-on:click="dofun">
      <input type="button" value="v-on简写" @click="dofun">
      <input type="button" value="v-on指令" @dblclick="dofun">
      <h2 @click="changeFood">{{food}}</h2>
    </div>
    <!-- 开发环境版本，包含了有帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app=new Vue({
            el:"#app",
            data:{
                food:"土豆"
            },
            methods:{  
                dofun:function(){
                    alert("周杰伦");
                },
                changeFood:function(){
                    this.food+="鸡蛋"
                }               
            },

        })
    </script>
</body>
</html>

image-20210215212554922

注意：方法名不能用do

2.4 计数器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>计数器</title>
</head>
<body>
    <div id="app">
        <!-- 计数器功能区域 -->
        <div class="input-num">
            <button @click="sub">
                -
            </button>
            <span>{{num}}</span>
            <button @click="add">
                +
            </button>
        </div>

    </div>

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app=new Vue({
            el:"#app",
            data:{
                num:1
            },
            methods:{
                add:function(){
                    if(this.num<10){
                        this.num++;
                    }else{
                        alert("别点了，最大了");
                    }
                   
                },
                sub:function(){
                    if(this.num>0){
                        this.num--;
                    }else{
                        alert("别点了，最小了");
                    }
                   
                }
            }

        })
    </script>
</body>
</html>

2.5 v-show

  • 根据表达式值的真假，切换元素的显示和隐藏

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <div id="app">
        <input type="button" value="累加年龄" @click="addAge">
        <input type="button" value="切换显示状态" @click="changeIsShow">
        <img v-show="isShow" src="img/1.png" alt="">
        <img v-show="age>=18" src="img/1.png" alt="">
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app=new Vue({
            el:"#app",
            data:{
                isShow:false,
                age:17
            },
            methods:{
                changeIsShow:function(){
                    this.isShow=!this.isShow;
                },
                addAge:function(){
                    this.age++;
                }
            }
        })
    </script>
</body>
</html>

2.6 v-if

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <div id="app">
        <input type="button" value="切换显示" @click="toggleIsShow">
        <p v-if="isShow">颓废</p>
        <p v-show="isShow">颓废  v-show修饰</p>
        <h2 v-if="temperture>=35">热死了</h2>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app=new Vue({
            el:"#app",
           data:{
               isShow:false,
               temperture:20 
           },
           methods:{
               toggleIsShow:function(){
                   this.isShow=!this.isShow;
               }
           }
        })
    </script>
</body>
</html>

2.7 v-bind

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .active{
            border:1px solid red;
        }
    </style>
</head>
<body>
    
    <div id="app">
        <img v-bind:src="imgSrc" alt="">
        <br>
        <img :src="imgSrc" alt="" :title="imgTitle+'!!!!'" :class="isActive?'active':''" @click="toggleActive">
        <br>
        <img :src="imgSrc" alt="" :title="imgTitle+'!!!!'" :class="{active:isActive}" @click="toggleActive">
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app=new Vue({
            el:"#app",
            data:{
                imgSrc:"img/2.png",
                imgTitle:"歌曲",
                isActive:false           
             },
             methods:{
                 toggleActive:function(){
                     this.isActive=!this.isActive;
                 }
             }
            
        })
    </script>
</body>
</html>

2.8 图片切换

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>轮播图</title>
</head>
<body>
    <div id="mask">
        <!-- 图片 -->
       <img src="imgArr[index]" alt=""/>
       <!-- 左箭头 -->
       <!-- <a href="javascript:void(0)" class="left" @click="prev" v-show="index!=0">
           <img src="/img/left.png" alt="" > 
       </a> -->
       <a href="javascript:void(0)" class="left" @click="prev" v-if="index!=0">
        <img src="/img/left.png" alt="" > 
    </a>
       <!-- 右箭头 -->
       <a href="javascript:void(0)" class="right" @click="next" v-show="index<imgArr.length-1">
            <img src="/img/right.png" alt="">
       </a>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    
    <script>
        var app=new Vue({
            el:"#mask",
            data:{
                imgArr:[
               " \img\1.png",
               "\img\2.jpg",
               "\img\3.jpg",
               "\img\4.jpg",
               "\img\5.jpg",
               "\img\left.png",
               "\img\right.png"
                ],
            methods:{
                prev:function(){
                    this.index--;
                },
                next:function(){
                    this.index++;
                }
            }
            }
        })
    </script>
</body>
</html>

2.9 v-for

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <input type="button" value="添加数据" @click="add">
        <input type="button" value="移除数据" @click="remove">
        <ul>
            <li v-for="item in arr">
                告五人：{{item}}
            </li>
            <li v-for="(item,index) in arr">
                {{index+1}}告五人：{{item}}
            </li>
        </ul>
        <h2 v-for="item in vegetables" v-bind:title="item.name">
                {{item.name}}
        </h2>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app=new Vue({
            el:"#app",
            data:{
                arr:["丑人多作怪","爱人错过","带我去找夜生活","披星戴月的想你"],
                vegetables:[
                    {name:"土豆"},
                    {name:"鸡蛋"}
                ]
            },
            methods:{
                add:function(){
                    this.vegetables.push({name:"花菜炒蛋"});
                },
                remove:function(){
                    this.vegetables.shift();
                }
            }
        })
    </script>
</body>
</html>

2.10 v-model

  • 获取和设置表单元素的值（双向数据绑定）
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <input type="button" value="修改meassage" @click="setM">
        <input type="text" v-model="message" @keyup.enter="getM">
        <h2>{{message}}</h2>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app=new Vue({
            el:"#app",
            data:{
                message:"薛之谦"
            },
            methods:{
                getM:function(){
                    alert(this.message);
                },
                setM:function(){
                    this.message="疯人院"
                }
            }
        })
    </script>
</body>
</html>

2.11 记事本

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>记事本的综合案例</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
    <input type="text" v-model="addTXT"> <input type="button" value="添加到记事本" @click="addReadTXT">
    <br>
    <ul style="list-style-type: none">
        <li v-for="s,index in readTXTs">{{index+1}},{{s}}
            <a href="javascript:;" @click="delReadTXT(index)">删除当前记录</a>
        </li>
    </ul>
    <br>
    <span>总数量：{{readTXTs.length}}条</span><input type="button" value="删除所有" @click="delAll" v-if="readTXTs.length!=0">

</div>

</body>
<script>
    const app = new Vue({
        el: "#app",
        data: {
            addTXT: "",
            readTXTs: ["第一次记事", "第二次记事"],
        },
        methods: {
            addReadTXT() {/*添加到记事本方法*/
                if (this.addTXT != "") {
                    console.log(this.addTXT);
                    this.readTXTs.push(this.addTXT);
                    this.addTXT = "";
                } else alert("请输入内容");
            },
            delReadTXT(index) {/*删除记录*/
                this.readTXTs.splice(index, 1);/*参数1：从哪个下标开始删除；参数2：删除几个元素*/
            },
            delAll() {/*删除所有*/
                if (this.readTXTs.length > 0)
                    this.readTXTs = [];
                else alert("已经删除完毕");

            }
        },
    });
</script>
</html>

3. 网络应用

3.1 axios

  • 功能强大的网络请求库
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="button" value="get请求" class="get">
    <input type="button" value="post请求" class="post">
    <!-- 导入axios的官方文件 -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script>
        document.querySelector(".get").onclick=function(){
            axios.get("https://autumnfish.cn/api/joke/list?num=6")
            .then(function(response)
            {
                console.log(response);
            },function(err){
                console.log(err);
            })
        }


        document.querySelector(".post").onclick=function(){
            axios.get("https://autumnfish.cn/api/user/reg",{username:"王一博"})
            .then(function(response)
            {
                console.log(response);
            },function(err){
                console.log(err);
            })
        }
    </script>
</body>
</html>
  • axios必须先导入才可以使用
  • 使用get或post方法即可发送对应的请求
  • then方法中的回调函数会在请求成功或者失败时发送
  • 通过回调函数的形参可以获取相应内容，或者错误信息

3.2 axios与vue结合使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <input type="button" value="获取笑话" @click="getJoke">
        <p>{{joke}}</p>
    </div>
    <!-- 导入axios的官方文件 -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
     var app=new Vue({
            el:"#app",
            data:{
                joke:"很好笑的笑话"
            },
            methods:{
                getJoke:function(){
                    // console.log(this.joke);
                    var that=this;
                    axios.get("https://autumnfish.cn/api/joke").then
                    (function(response){
                        // console.log(response)
                        console.log(response.data);
                        // console.log(this.joke);
                        that.joke=response.data;
                    },function(err){})
                }
            }
     })
    </script>
</body>
</html>
·田同学·
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
尚硅谷Vue笔记
m0_56428225的博客
10-17 3965
vue学习笔记
Vue学习笔记（尚硅谷天禹老师）
热门推荐
qq_55593227的博客
08-15 31万+
Vue学习笔记（尚硅谷天禹老师讲解） 1. Vue核心 1.1. Vue简介 1.1.1. 官网 英文官网 中文官网 1.1.2. 介绍与描述 动态构建用户界面的渐进式JavaScript框架 作者：尤雨溪 1.1.3. Vue的特点 遵循MVVM模式 编码简洁，体积小，运行效率高，适合移动/PC端开发 它本身只关注UI，可以引入其它第三方库开发项目 1.1.4.与其他JS框架的关联 借鉴 Angular 的模板和数据绑定技术 借鉴 React 的组件化和虚拟DOM
狂神说Vue笔记整理
qq_46138160的博客
12-11 10万+
狂神说Vue笔记 ​ 想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走，其中前端是绕不开的一门必修课。本阶段课程的主要目的就是带领Java后台程序员认识前端、了解前端、掌握前端，为实现成为“互联网Java全栈工程师”再向前迈进一步。 一、前端核心分析 1.1、概述 Soc原则：关注点分离原则 Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。 HTML + CSS + JS : 视图 ： 给用户看，刷新后台给的数据 网络通信 ： axios 页面跳转 ： vue-router 状态管
Vue笔记
weixin_50116360的博客
03-01 1196
Vue笔记
Vue学习笔记01
kmz的博客
12-22 168
vm 框架 ViewModel View 模板 Model 数据 vue的工作就是把提供给它的数据和模板渲染出来 mvvm 框架 1.m Model 2.v View 3.vm ViewModel 简化项目 方便维护 考虑数据 用框架的好处 代码量少了 维护方便了 业务逻辑更清晰了 vue组成 指令 编写模板规则 (渲染模板)实例 (模板复用)组件 (管理页面跳转的)vue-route...
狂神Vue笔记+源码.zip
05-10
狂神Vue笔记+源码 狂神Vue笔记+源码 狂神Vue笔记+源码 狂神Vue笔记+源码 狂神Vue笔记+源码 狂神Vue笔记+源码 狂神Vue笔记+源码 狂神Vue笔记+源码 狂神Vue笔记+源码 狂神Vue笔记+源码 狂神Vue...
尚硅谷vue3.0笔记
05-30
尚硅谷vue3.0笔记
尚硅谷vue课程笔记整理
05-30
尚硅谷vue课程笔记整理
vue笔记黑马
04-08
vue所有笔记--黑马
Vue笔记，Vue笔记，Vue笔记
07-18
Vue笔记主要涵盖了从基础到进阶的各种Vue知识，通过一系列的学习日程，旨在帮助开发者深入理解和熟练掌握Vue框架。 在"Day 01"，通常会介绍Vue的基础概念，包括Vue实例的创建、模板语法、数据绑定（如`v-bind`和`v-...
ClickHouse入门教程
weixin_45811645的博客
04-24 9585
文章目录一、介绍1.1 什么是ck1.2 OLAP 场景的关键属性1.3 列式存储和行式存储的区别二、安装&卸载2.1 安装2.2 卸载2.3 相关的文件夹三、 SQL语句3.1 数据库操作3.2 数据表操作3.3 Select3.3.01 查询所有列3.3.02 COLUMNS()3.3.03 ALL 子句3.3.04 ARRAY JOIN3.3.05 AS3.3.06 SELECT DISTINCT3.3.07 GROUP BY3.3.08 HAVING3.3.09 JOIN3.3.10 LIM
Kafka
weixin_45811645的博客
04-21 2522
一、什么是kafka？ kafka是一个分布式的基于发布/订阅模式的消息队列。同时也是一个支持多分区、多副本，基于 Zookeeper 的分布式消息流平台。 二、消息队列的两种模式 2.1 点对点 一对一，消费者主动拉取消息，消息收到后消息清除 消息生产者生产消息发送到Queue中，然后消息消费者从Queue中取出并且消费消息。 消息被消费以后，queue 中不再有存储，所以消息消费者不可能消费到已经被消费的消息。 Queue 支持存在多个消费者，但是对一个消息而言，只会有一个消费者可以消费。
Redis教程
weixin_45811645的博客
01-14 318
Redis redis学习笔记Redis1.安装开启关闭2.远程连接1.修改配置文件2.再次打开redis3.Redis基本操作命令4.Redis的Key的操作命令1.keys2.exists3.expire4.ttl5.type6.del5.五种数据类型5.1 字符串类型string5.1.1基本命令1.set2.get3.incr4.decr5.append5.1.2常用命令1.strlen2.getrange3.setrange4.mset5.mget5.2 哈希类型hash5.2.1 基本命令1.h
ssm整合
weixin_45811645的博客
12-17 193
SsmBuild 文章目录SsmBuildssm整合：Mybatis层1.数据库准备工作2.依赖导入以及静态资源过滤3.数据库连接4.创建项目目录结构5.添加配置文件6.创建实体类、持久层7.业务层Servicessm整合：Spring层1.spring-dao.xml2.Spring-service.xmlssm整合：SpringMVC层1.增加web的支持2.web.xml3.spring-mvc.xml完善CRUD书籍功能1.BookController.java2.allBook.jsp3.inde
MYSQL学习笔记
weixin_45811645的博客
04-27 108
MYSQL DDL （数据定义语言） 对数据库的增删改查 创建Create create database [数据库名称]； 创建数据库 create database if not exists [数据库名称]； 先判断数据库是否存在，然后再创建数据库 create database [数据库名称] character set gbk/utf8; 创建数据库并设置字符编码集 查询Retrieve show databases;
mybatis的环境配置
weixin_45811645的博客
11-15 58
精英stm32f103开发板_STemWin无操作系统移植.zip.zip
最新发布
07-19
精英stm32f103开发板_STemWin无操作系统移植.zip.zip
《AI大模型应用》--关于由openAI公司发布的大型预训练语言模型chatGPT3.5接入微信小程序.zip
07-19
个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！
狂神说 vue 笔记
08-04
回答: 狂神在他的Vue笔记中提到了一些关于Vue的基本语法和MVVM模式的内容。在Vue的基本语法中，他引用了一个在线cdn来加载Vue的库文件，并介绍了v-bind指令的用法。[1]在MVVM模式的介绍中，他提到了MVVM模式的好处，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值