vue基础语法

最新推荐文章于 2024-07-22 08:55:10 发布
最新推荐文章于 2024-07-22 08:55:10 发布
阅读量51 收藏
点赞数
分类专栏： Vue2+Vue3 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41549971/article/details/131674685
版权

文章目录

一、初识Vue

  1. Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架（JavaScript 框架）。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
  2. 想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；
<script type="text/javascript" >
	Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。
	//创建Vue实例
	new Vue({
		el:'#root', //el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串。
		data:{ //data中用于存储数据，数据供el所指定的容器去使用，值我们暂时先写成一个对象。
			name:'demoName',
			address:'杭州'
		}
	})
</script>
  1. root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法；
  2. root容器里的代码被称为【Vue模板】；
<!-- 准备好一个容器 -->
<div id="root">
	<h1>Hello，{{name.toUpperCase()}}，{{address}}</h1>
</div>
  1. Vue实例和容器是一一对应的；
  2. 真实开发中只有一个Vue实例，并且会配合着组件一起使用；
  3. {{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性；
  4. 一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新；
  5. 注意区分：js表达式 和 js代码(语句)
    1. 表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方：
      (1). a
      (2). a+b
      (3). demo(1)
      (4). x === y ? ‘a’ : ‘b’
    2. js代码(语句)
      (1). if(){}
      (2). for(){}

二、Vue模板语法

1. 插值语法：

  1. 功能：用于解析标签体内容。
  2. 写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性。
<!-- 准备好一个容器-->
<div id="root">
	<h1>插值语法</h1>
		<h3>你好，{{name}}</h3>
		<hr/>
</div>

<script type="text/javascript">
	Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。
	new Vue({
		el:'#root',
		data:{
			name:'mary',
		}
	})
</script>

2. 指令语法：

  1. 功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）。
  2. 举例：v-bind:href=“xxx” 或 简写为 :href=“xxx”，xxx同样要写js表达式，且可以直接读取到data中的所有属性。
  3. 备注：Vue中有很多的指令，且形式都是：v-???，此处我们只是拿v-bind举个例子。
<!-- 准备好一个容器-->
<div id="root">
   	<h1>指令语法</h1>
   	<a v-bind:href="school.url.toUpperCase()">点我去{{school.name}}学习1</a>
   	<a :href="school.url" >点我去{{school.name}}学习2</a>
</div>
   
<script type="text/javascript">
   Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。
   new Vue({
   	el:'#root',
   	data:{
   		school:{
   			name:'test',
   			url:'https://www.baidu.com/',
   		}
   	}
   })
</script>

三、数据绑定

1.单向绑定(v-bind)：

  1. 数据只能从data流向页面。
<!-- 准备好一个容器-->
<div id="root">
    <!-- 普通写法 -->
	单向数据绑定：<input type="text" v-bind:value="name"><br/>
	<!-- 简写 -->
	单向数据绑定：<input type="text" :value="name"><br/>
</div>

<script type="text/javascript">
	Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。
	new Vue({
		el:'#root',
		data:{
			name:'test'
		}
	})
</script>

2.双向绑定(v-model)：

  1. 数据不仅能从data流向页面，还可以从页面流向data。
<!-- 准备好一个容器-->
<div id="root">
	<!-- 普通写法 -->
	双向数据绑定：<input type="text" v-model:value="name"><br/> 
	<!-- 简写 -->
	双向数据绑定：<input type="text" v-model="name"><br/>
</div>
		
<script type="text/javascript">
	Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。
	new Vue({
		el:'#root',
		data:{
			name:'test'
		}
	})
</script>

3.备注：

  1. 双向绑定一般都应用在表单类元素上（如：input、select等）
  2. v-model:value 可以简写为 v-model，因为v-model默认收集的就是value值。
<!-- 准备好一个容器-->
<div id="root">
	<!-- 如下代码是错误的，因为v-model只能应用在表单类元素（输入类元素）上 -->
	<!-- <h2 v-model:x="name">你好啊</h2> -->
</div>
		
<script type="text/javascript">
	Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。
	new Vue({
		el:'#root',
		data:{
			name:'test'
		}
	})
</script>

四、el与data两种写法

1.el有2种写法

  1. new Vue时候配置el属性。
  2. 先创建Vue实例，随后再通过vm.$mount(‘#root’)指定el的值。
<script type="text/javascript">
		Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。
		//el的两种写法
		 const v = new Vue({
			//el:'#root', //第一种写法
			data:{
				name:'尚硅谷'
			}
		})
		console.log(v)
		
		v.$mount('#root') //第二种写法 
</scrip>

2.data有2种写法

  1. 对象式
  2. 函数式
  3. 如何选择：目前哪种写法都可以，以后学习到组件时，data必须使用函数式，否则会报错。
//data的两种写法
		new Vue({
			el:'#root',
			//data的第一种写法：对象式
			 data:{
				name:'test'
			} 

			//data的第二种写法：函数式
			data(){
				console.log('@',this) //此处的this是Vue实例对象
				return{
					name:'test'
				}
			}
		})

3.一个重要的原则：

  1. 由Vue管理的函数，一定不要写箭头函数，一旦写了箭头函数，this就不再是Vue实例了。

五、MVVM模型

  1. M：模型(Model) ：data中的数据
  2. V：视图(View) ：模板代码
  3. VM：视图模型(ViewModel)：Vue实例
  4. data中所有的属性，最后都出现在了vm身上。
  5. vm身上所有的属性 及 Vue原型上所有属性，在Vue模板中都可以直接使用。
<!-- 准备好一个容器 （Vue模板）-->
		<div id="root">
			<h1>学校名称：{{name}}</h1>
			<h1>学校地址：{{address}}</h1>
			<h1>测试一下1：{{1+1}}</h1>
			<h1>测试一下2：{{$options}}</h1>
			<h1>测试一下3：{{$emit}}</h1>
		</div>
	</body>

	<script type="text/javascript">
		Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。
		const vm = new Vue({
			el:'#root',
			data:{
				name:'XXXX',
				address:'杭州',
			}
		})
		console.log(vm)  // vue实例对象
	</script>

六、绑定样式

1. class样式

  1. 写法:class=“xxx” xxx可以是字符串、对象、数组。
  2. 字符串写法适用于：类名不确定，要动态获取。
  3. 对象写法适用于： 要绑定多个样式，个数确定，名字也确定，但不确定用不用。
  4. 数组写法适用于：要绑定多个样式，个数不确定，名字也不确定。
<!-- 准备好一个容器-->
		<div id="root">
			<!-- 绑定class样式--字符串写法，适用于：样式的类名不确定，需要动态指定 -->
			<div class="basic" :class="mood" @click="changeMood">{{name}}</div> <br/><br/>

			<!-- 绑定class样式--对象写法，适用于：要绑定的样式个数确定、名字也确定，但要动态决定用不用 -->
			<div class="basic" :class="classObj">{{name}}</div> <br/><br/>
			
			<!-- 绑定class样式--数组写法，适用于：要绑定的样式个数不确定、名字也不确定 -->
			<div class="basic" :class="classArr">{{name}}</div> <br/><br/>
		</div>

	<script type="text/javascript">
		Vue.config.productionTip = false
		const vm = new Vue({
			el:'#root',
			data:{
				name:'test',
				mood:'normal',
				classArr:['test1','test2','test3'],
				classObj:{
					test1:false,
					test2:false,
				},
			},
			methods: {
				changeMood(){
					const arr = ['happy','sad','normal']
					const index = Math.floor(Math.random()*3)
					this.mood = arr[index]
				}
			},
		})
	</script>

2. style样式

  1. :style="{fontSize: xxx}"其中xxx是动态值。
  2. :style="[a,b]"其中a、b是样式对象。
<!-- 准备好一个容器-->
		<div id="root">
			<!-- 绑定style样式--对象写法 -->
			<div class="basic" :style="styleObj">{{name}}</div> <br/><br/>
			<!-- 绑定style样式--数组写法 -->
			<div class="basic" :style="styleArr">{{name}}</div>
		</div>

	<script type="text/javascript">
		Vue.config.productionTip = false
		const vm = new Vue({
			el:'#root',
			data:{
				name:'test',
				styleObj:{
					fontSize: '40px',
					color:'red',
				},
				styleArr:[
					{
						fontSize: '40px',
						color:'blue',
					},
					{
						backgroundColor:'gray'
					}
				]
			},
		})
	</script>

七、条件渲染

1.v-if

  1. 写法：
    (1).v-if=“表达式”
    (2).v-else-if=“表达式”
    (3).v-else=“表达式”
  2. 适用于：切换频率较低的场景。
  3. 特点：不展示的DOM元素直接被移除。
  4. 注意：v-if可以和:v-else-if、v-else一起使用，但要求结构不能被“打断”。
<!-- 准备好一个容器-->
		<div id="root">
			<!-- 使用v-if做条件渲染 -->
			<!-- <h2 v-if="false">欢迎来到{{name}}</h2> -->
			<!-- <h2 v-if="1 === 1">欢迎来到{{name}}</h2> -->

			<!-- v-else和v-else-if -->
			<div v-if="n === 1">Angular</div>
			<div v-else-if="n === 2">React</div>
			<div v-else-if="n === 3">Vue</div>
			<div v-else>哈哈</div> 

			<!-- v-if与template的配合使用 -->
			<template v-if="n === 1">
				<h2>你好</h2>
				<h2>test</h2>
				<h2>杭州</h2>
			</template>

		</div>
	</body>
	<script type="text/javascript">
		Vue.config.productionTip = false
		const vm = new Vue({
			el:'#root',
			data:{
				name:'test',
				n:1
			}
		})
	</script>

2.v-show

  1. 写法：v-show=“表达式”
  2. 适用于：切换频率较高的场景。
  3. 特点：不展示的DOM元素未被移除，仅仅是使用样式隐藏掉
<!-- 准备好一个容器-->
		<div id="root">
			<h2>当前的n值是:{{n}}</h2>
			<button @click="n++">点我n+1</button>
			<!-- 使用v-show做条件渲染 -->
			<!-- <h2 v-show="false">欢迎来到{{name}}</h2> -->
			<!-- <h2 v-show="1 === 1">欢迎来到{{name}}</h2> -->
		</div>
	</body>
	<script type="text/javascript">
		Vue.config.productionTip = false
		const vm = new Vue({
			el:'#root',
			data:{
				name:'test',
				n:0
			}
		})
	</script>

3.备注：

  1. 使用v-if的时，元素可能无法获取到，而使用v-show一定可以获取到。

八、列表渲染

1. v-for指令:

  1. 用于展示列表数据
  2. 语法：v-for=“(item, index) in xxx” :key=“yyy”
  3. 可遍历：数组、对象、字符串（用的很少）、指定次数（用的很少）
<!-- 准备好一个容器-->
		<div id="root">
			<!-- 遍历数组 -->
			<h2>人员列表（遍历数组）</h2>
			<ul>
				<li v-for="(p,index) in persons" :key="index">
					{{p.name}}-{{p.age}}
				</li>
			</ul>
			<!-- 遍历数组 -->
			<h2>人员列表（遍历数组）</h2>
			<ul>
				<li v-for="(p,index) of persons" :key="index">
					{{p.name}}-{{p.age}}
				</li>
			</ul>

			<!-- 遍历对象 -->
			<h2>汽车信息（遍历对象）</h2>
			<ul>
				<li v-for="(value,k) of car" :key="k">
					{{k}}-{{value}}
				</li>
			</ul>

			<!-- 遍历字符串 -->
			<h2>测试遍历字符串（用得少）</h2>
			<ul>
				<li v-for="(char,index) of str" :key="index">
					{{char}}-{{index}}
				</li>
			</ul>
			
			<!-- 遍历指定次数 -->
			<h2>测试遍历指定次数（用得少）</h2>
			<ul>
				<li v-for="(number,index) of 5" :key="index">
					{{index}}-{{number}}
				</li>
			</ul>
		</div>

		<script type="text/javascript">
			Vue.config.productionTip = false
			
			new Vue({
				el:'#root',
				data:{
					persons:[
						{id:'001',name:'张三',age:18},
						{id:'002',name:'李四',age:19},
						{id:'003',name:'王五',age:20}
					],
					car:{
						name:'奥迪A8',
						price:'70万',
						color:'黑色'
					},
					str:'hello'
				}
			})
		</script>

九、绑定表单数据

1、<input type="text"/>

则v-model收集的是value值，用户输入的就是value值。

<!-- 准备好一个容器-->
		<div id="root"  @submit.prevent="demo">
			<form @submit.prevent="demo">
				账号：<input type="text" v-model.trim="userInfo.account"> <br/><br/>
				密码：<input type="password" v-model="userInfo.password"> <br/><br/>
				年龄：<input type="number" v-model.number="userInfo.age"> <br/><br/>
				<button>提交</button>
			</form>
		</div>

	<script type="text/javascript">
		Vue.config.productionTip = false
		new Vue({
			el:'#root',
			data:{
				userInfo:{
					account:'',
					password:'',
					age:18,
				}
			},
			methods: {
				demo(){
					console.log(JSON.stringify(this.userInfo))
				}
			}
		})
	</script>

2. <input type="radio"/>

则v-model收集的是value值，且要给标签配置value值。

<!-- 准备好一个容器-->
		<div id="root">
			<form @submit.prevent="demo">
				性别：
				男<input type="radio" name="sex" v-model="userInfo.sex" value="male">
				女<input type="radio" name="sex" v-model="userInfo.sex" value="female"> <br/><br/>
				<button>提交</button>
			</form>
		</div>
	</body>

	<script type="text/javascript">
		Vue.config.productionTip = false
		new Vue({
			el:'#root',
			data:{
				userInfo:{
					sex:'female',
				}
			},
			methods: {
				demo(){
					console.log(JSON.stringify(this.userInfo))
				}
			}
		})
	</script>

3. <input type="checkbox"/>

  1. 没有配置input的value属性，那么收集的就是checked（勾选 or 未勾选，是布尔值）
  2. 配置input的value属性:
    (1)v-model的初始值是非数组，那么收集的就是checked（勾选 or 未勾选，是布尔值）
    (2)v-model的初始值是数组，那么收集的的就是value组成的数组
<!-- 准备好一个容器-->
   	<div id="root">
   		<form @submit.prevent="demo">
   			爱好：
   			学习<input type="checkbox" v-model="userInfo.hobby" value="study">
   			打游戏<input type="checkbox" v-model="userInfo.hobby" value="game">
   			吃饭<input type="checkbox" v-model="userInfo.hobby" value="eat">
   			<br/><br/>
   			所属校区
   			<select v-model="userInfo.city">
   				<option value="">请选择校区</option>
   				<option value="beijing">北京</option>
   				<option value="shanghai">上海</option>
   				<option value="shenzhen">深圳</option>
   				<option value="wuhan">武汉</option>
   			</select>
   			<br/><br/>
   			其他信息：
   			<textarea v-model.lazy="userInfo.other"></textarea> <br/><br/>
   			<input type="checkbox" v-model="userInfo.agree">阅读并接受<a href="http://www.atguigu.com">《用户协议》</a>
   			<button>提交</button>
   		</form>
   	</div>
   </body>

   <script type="text/javascript">
   	Vue.config.productionTip = false
   	new Vue({
   		el:'#root',
   		data:{
   			userInfo:{
   				hobby:[],
   				city:'beijing',
   				other:'',
   				agree:''
   			}
   		},
   		methods: {
   			demo(){
   				console.log(JSON.stringify(this.userInfo))
   			}
   		}
   	})
   </script>

4. 备注：v-model的三个修饰符：

  1. lazy：失去焦点再收集数据
  2. number：输入字符串转为有效的数字
  3. trim：输入首尾空格过滤
小白_ysf
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue基础语法
qq_52262541的博客
04-10 1111
Vue模板语法有2大类： 1.插值语法： 功能：用于解析标签体内容。 写法：{{XXX}}，XXX是Js表达式，且可以直接读取到date中的所有属性。 2.指令语法： 功能：用于解析标签（包括：标签属性、标签内容、绑定事件…）。 举例：v-bind:href=“XXX” 或简写为：href=“XXX”,XXX同样要写js表达式，且可以直接读取到date中的所有属性。 备注：Vue中有很多的指令，且形式都是：v-???,此处我们只是拿v-bind举个例子。 Vue中有2种数据绑定的方式： 1.单向绑定
Vue的基础语法
China_11111的博客
03-21 854
一、Vue的概念 1.什么是vue.js 1、Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 2、Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！ 二、MVC与MVVM的区别 1、MVC 是后端的分层开发概念; 2、MVVM是前端视图层的概念，主要关注于视图层分离，也就是说：MVVM把前端的视图层，分为
Vue基础语法知识（自用，完整版）
m0_62068678的博客
09-12 9284
vue基础语法、尚硅谷、欢迎交流
Vue 基础语法
qq_41775769的博客
03-13 1536
Vue 基础语法 1. Vue 项目结构 使用 Vue Cli 创建出来的项目内容比较多，重点关注 src 目录下的文件： public favicon.ico：图标 index.html：唯一页面 src： assert logo.png：图片 components HelloWorld.vue 组件。所有可复用的页面都可以做成组件。一般用于开发控制逻辑 views XxxView.vue：视图组件。用于开发存储的视图逻辑。 App.vue 主组件。SPA 项目中所有内容都
VUE基础语法
qq_46381044的博客
03-10 1152
Vue 什么是vue? Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架. 与其它大型框架不同的是Vue 被设计为可以自底向上逐层应用。Vue 的核心 库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 Vue.js 是前端的主流框架之一，和 Angular.js、React.js 一起，并成为前端 三大主流框架！ 网址：https://cn.vuejs.org/ Vue.js 优点 体积小 压缩后 33K 更高的运行效率 用 JQuery 或者原生的 Ja
Vue知识（一）Vue基础语法
热门推荐
果子哥丶的博客
05-05 1万+
Vue是一个渐进式的框架，什么是渐进式的呢？ - 渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。 - 或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统。 - 比如Core+Vue-router+Vuex，也可以满足你各种各样的需求。
VUE基础语法介绍
liusuxilinyue
11-25 196
vue基础语法链接，为以后知识建设积累资源
vue基础语法小案例
前端爆米花
03-13 1618
本节课带着大家做个vue小案例，包含很多vue常用语法，简单实用 完成效果如下图，当在input框输入值之后，点击submit按钮，即可添加一个 li标签 <div id="app"> <!-- v-model 表示双向绑定--> <input type="text" v-model="ivalue"> <!-- @click 表示点...
vue基础语法和指令
m0_62181310的博客
06-16 696
vue基础语法-插值表达式、vue指令1.v-bind语法：简写：样式绑定：1.1动态class1.2动态style2.v-on绑定事件2.1 语法：2.2 简写:2.3 获取事件对象语法:2.4 修饰符2.5 按键修饰符3.v-model:双向绑定3.1 绑定不同表单标签3.2 修饰符语法:修饰符:4.v-text和v-html语法:5.v-show和v-if的使用语法:6.v-for6.1 更新监测6.2 更新DOM就地更新 三、虚拟DOM1.vue数据更新2.diff算法2.1 根元素变了, ....
一、vue基础语法（轻松入门vue）
01-08
Vue基础语法一、HelloWord二、MVVM设计思想三、指令1. v-cloak2. v-text3. v-html4. v-show4. v-pre5. v-once6. v-model7. v-on事件修饰符按键修饰符自定义按键修饰符8. v-bindclass样式绑定style样式绑定9. v-if、v...
Vue 基础语法 实例演示 示例代码
07-17
Vue 基础语法 实例演示 示例代码Vue 基础语法 实例演示 示例代码Vue 基础语法 实例演示 示例代码Vue 基础语法 实例演示 示例代码Vue 基础语法 实例演示 示例代码Vue 基础语法 实例演示 示例代码Vue 基础语法 实例...
vue基础语法练习源码
12-09
在这个名为"vue基础语法练习源码"的资源中，我们将会探索一些Vue的基础概念和语法，包括HTML文件中的Vue应用实践，如过滤器、自定义插件以及列表渲染等。 首先，让我们深入了解Vue的基础语法。Vue实例是整个应用的...
从Vue基础语法入手
08-10
本教程将从Vue的基础语法开始，逐步深入，帮助你理解这个强大的工具在实际项目中的应用。 首先，我们从Vue的基本结构说起。一个基本的Vue实例包含`<template>`、`<script>`和`<style>`三个部分。`<template>`用于...
前端框架Vue基础语法笔记
01-20
Vue基础语法笔记 本笔记主要涵盖了Vue基础语法的知识点，包括创建Vue实例、数据绑定、事件绑定、循环和数据双向绑定、组件化等方面的内容。 一、创建Vue实例 在Vue中，创建一个实例需要使用Vue.createApp()方法，...
谷粒商城实战笔记-38-前端基础-Vue-指令-单向绑定&双向绑定
epitomizelu的专栏
07-20 1010
安全性v-text更安全，因为它总是将数据作为纯文本插入，不解析 HTML。v-html则可能引发安全问题，因为它会解析并渲染 HTML 标签。用途v-text适用于插入文本数据，而v-html适用于插入需要被解析为实际 HTML 的数据。处理 HTML 标签v-text忽略 HTML 标签，将其视为普通文本；v-html则会解析并显示 HTML 标签。二者都是单向绑定，元素绑定model，model不绑定元素，元素值改变时model值不会更新。
Vue 3 和 SpringBoot 实现文件分片上传示例
最新发布
exlink2012的专栏
07-22 401
实现分片上传，并使用Spring Boot在后端保存文件。前端将文件分片并逐个上传到后端，后端接收到所有分片后再进行合并，最终保存为一个完整文件。
vue图片存放在public目录和src/assets目录下的区别
Zing_ing的博客
07-19 625
使用随时要更换的图片，有更新动态显示的需求，像banner、轮播、广告、展示性等大型图片放在public下比较合适；而一些icon、精灵图、雪碧图更适合放在assets下。如果图片不需要被处理，比如网站的结构用图，如logo图片，则放public中，否则如内容图片或者需要被构建为base64的小图标可以放assets中。
(vue3)el-table滚到底部加载数据el-table-infinite-scroll
weixin_63442947的博客
07-19 262
el-table实现。
Vue基础语法详解及项目构建规范介绍
Vue是一种流行的JavaScript框架，它具有简单易用的语法和强大的功能，使得构建单页面应用程序变得更加容易。在Vue的项目中，有一些重要的概念需要理解和掌握。 首先，Vue中使用的一些重要概念包括单页面应用程序、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值