16、Vue

最新推荐文章于 2024-02-19 11:22:30 发布
最新推荐文章于 2024-02-19 11:22:30 发布
阅读量270 收藏 1
点赞数 1
分类专栏： Java 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45476535/article/details/128440870
版权

1、导入Vue.js

<head>
  ...
  <title></title>
  <!--添加以下代码-->
  <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js" rel="stylesheet" type="text/javascript"></script>
  <link rel="stylesheet" href="https://cdn.bootcss.com/element-ui/2.4.0/theme-chalk/index.css">
  <script src="https://cdn.bootcss.com/element-ui/2.12.0/index.js" rel="stylesheet" type="text/javascript"></script>
  <script src="https://cdn.bootcss.com/vuex/3.0.1/vuex.min.js" rel="stylesheet" type="text/javascript"></script>
  <script src="https://cdn.bootcss.com/axios/0.17.1/axios.min.js" rel="stylesheet" type="text/javascript"></script>
  <script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js" rel="stylesheet" type="text/javascript"></script>
<head>

2、IDEA安装vue-component-creator插件，即可创建vue模板

3、mvvm初理解

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--1、导入cdn-->
    <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js" rel="stylesheet" type="text/javascript"></script>
</head>
<body>
<!--2、view层-->
<div id="mes">
    {{message}}
</div>
<script>
    var vm=new Vue({
        el:"#mes",
        /*3、Model：数据*/
        data:{
            message:"hello Vue"
        }
    })
    /*4、控制台通过vm修改值时，页面也会同步刷新*/
    /*vm.message="小样"*/
</script>
</body>
</html>

4、if/else

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="mes">
  <h1 v-if="message===''">他是空</h1>
  <h1 v-else-if="message==='A'" >他是A</h1>
  <h1 v-else>我也不知道他是啥</h1>
</div>
<!--1、导入cdn-->
<script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js" rel="stylesheet" type="text/javascript"></script>
<script>
  var vm=new Vue({
    el:"#mes",
    /*3、Model：数据*/
    data:{
      message:""
    }
  })
  /*控制台通过vm修改值时，页面也会同步刷新*/
  /*vm.message="小样"*/
</script>
</body>
</html>

5、for

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="mes">
<li v-for="item in items">
{{item.message}}
</li>
</div>
<!--1、导入cdn-->
<script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js" rel="stylesheet" type="text/javascript"></script>
<script>
  var vm=new Vue({
            el:"#mes",
            /*3、Model：数据*/
            data:{
              items:[
                {message:'小江'},
                {message:'小文'},
                {message:'小红'}
              ]
              }
          })
          /*控制台通过vm修改值时，页面也会同步刷新*/
          /*vm.message="小样"*/
</script>
</body>
</html>

6、事件

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <!--1、导入cdn-->
  <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js" rel="stylesheet" type="text/javascript"></script>
</head>
<body>
<div id="mes">
  <!--v-model实现修改文本输入框的值，从而修改message的值。-->
  <!--此时文本框能修改message的值，message也能修改文本框的值，即为双向绑定.vue的值优先级高于标签属性-->
  输入文本：<input type="text" v-model="message"><br/>
  输入文本的信息展示：<span>{{message}}</span><br/>

  性别：
  <input type="radio" name="sex" value="男" v-model="sex">男
  <input type="radio" name="sex" value="女" v-model="sex">女<br/>
  选中的是：{{sex}}
  <br/>

</div>


<script>
  var vm=new Vue({
    el:"#mes",
    /*3、Model：数据*/
    data:{
      message:"hello Vue",
      sex:''
    }
  })
  /*控制台通过vm修改值时，页面也会同步刷新*/
  /*vm.message="小样"*/
</script>
</body>
</html>

7、组件component

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <!--1、导入cdn-->
  <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
</head>
<body>
<div id="mes">
    <!--ans是要传入组件的参数名，item是参数值-->
  <mytest v-for="item in items" v-bind:ans="item"></mytest>
    <!--<h1 v-for="item in items" >我是第一行的{{item}}</h1>-->
</div>
<script>
  //定义一个Vue组件component
  Vue.component("mytest",{
    //获取组件的数据
    props:['ans'],
    template:'<h1>我是第一行的{{ans}}</h1>'
  });
  var vm=new Vue({
    el:"#mes",
    data:{
      items:["A","B","C"]
    }
  })
</script>
</body>
</html>

8、Axios

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <!--1、导入cdn-->
  <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js" rel="stylesheet" type="text/javascript"></script>
  <script src="https://cdn.bootcss.com/axios/0.17.1/axios.min.js" rel="stylesheet" type="text/javascript"></script>
</head>
<body>
<div id="mes">
<h1>name:{{info.name}}</h1>
<h1>age:{{info.age}}</h1>
<h1>chinese:{{info.chengji.chinese}}</h1>
</div>
<script>
  var vm=new Vue({
    el:"#mes",
    /*3、Model：数据*/
    data(){
      return{
        info:{
          name:null,
          age:null,
          chengji:{
            chinese:null,
            math:null,
            english:null
          }
        }
      }
    },
    mounted(){
      //异步请求，等同用于ajax
      //../表示上级目录，实际应用时，url直接请求后台地址
      //get请求，参数是url，将请求的结果存入info中
      axios.get('../student.json').then(response=>(this.info=response.data));
    }
  })

</script>
</body>
</html>

//student.json
{
"name":"小江",
"age":"18",
"chengji":{
"chinese":"100",
"math":"90",
"english":"80"
}
}

9、计算属性

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <!--1、导入cdn-->
  <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js" rel="stylesheet" type="text/javascript"></script>
</head>
<body>
<!--2、view层-->
<div id="mes">
 <span>time1:{{time1()}}</span><br/><!--方法调用,调用时 方法名()-->
 <span>time2:{{time2}}</span>    <!--计算属性调用，调用时 属性名-->
</div>
<script>
  var vm=new Vue({
    el:"#mes",
    /*3、Model：数据*/
    data:{
      message:"hello Vue"
    },
    //方法调用,调用时 方法名()
    methods: {
      time1:function () {
        return Date.now();
      }
    },
    //计算属性调用，调用时 属性名
    // 当方法内参数（message）发送变化、或浏览器刷新时，才会调用.类似与Mybatis中的缓存
    computed:{
      time2:function () {
        //this.message;
        return Date.now();
      }
    }
  })
</script>
</body>
</html>

10、插槽solt

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <!--1、导入cdn-->
  <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js" rel="stylesheet" type="text/javascript"></script>
</head>
<body>
<!--2、view层-->
<div id="mes">
  <todo>
    <todo-title slot="todo-title" :title="title"></todo-title>
    <todo-items slot="todo-items" v-for="item in todoItems" :item="item"></todo-items>
  </todo>
</div>

<script>
  Vue.component('todo',{
    template:'<div>\
                <slot name="todo-title"></slot>\
                <ul>\
                    <slot name="todo-items"></slot>\
                </ul>\
            </div>'
  });
  Vue.component('todo-title',{
    props:['title'],
    template:'<div>{{title}}</div>'
  });
  //这里的index，就是数组的下标，使用for循环遍历的时候，可以循环出来！
  Vue.component("todo-items",{
    props:["item","index"],
    template:"<li>{{item}}</li>"
  });

  var vm = new Vue({
    el:"#mes",
    data:{
      title:"列表名称",
      todoItems:['事件','组件','计算属性']
    }
  });
</script>
</body>
</html>

11、自定义事件

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <!--1、导入cdn-->
  <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js" rel="stylesheet" type="text/javascript"></script>
</head>
<body>
<!--2、view层-->
<div id="mes">
  <todo>
    <todo-title slot="todo-title" :title="title"></todo-title>
    <!--@rempve等同与v=on:rempve-->
    <todo-items slot="todo-items" v-for="(item,index) in todoItems" :item="item" :index="index"
                @remove="removetodoItems(index)" :key="index"></todo-items>
  </todo>
</div>

<script>
  Vue.component('todo',{
    template:'<div>\
                <slot name="todo-title"></slot>\
                <ul>\
                    <slot name="todo-items"></slot>\
                </ul>\
            </div>'

  });
  Vue.component('todo-title',{
    props:['title'],
    template:'<div>{{title}}</div>'
  });
  //这里的index，就是数组的下标，使用for循环遍历的时候，可以循环出来！
  Vue.component("todo-items",{
    props:["item","index"],
    template:"<li>{{index}}：{{item}} <button @click='remove'>删除</button></li>",
    methods:{
      remove: function (index){
        //此时想删除todoItems中的元素，无法直接调用vm中的方法，所以需要自定义事件进行中转
        //自定义事件，通过调用前端的remove，间接调用vm的removetodoItems，从而实现元素删除
        this.$emit('remove',index);
      }
    }

  });

  var vm = new Vue({
    el:"#mes",
    data:{
      title:"列表名称",
      todoItems:['事件','组件','计算属性']
    },
    methods:{
      removetodoItems: function (index){
        this.todoItems.splice(index,1);//从下标index开始删，删除1个
      }
    }
  });
</script>
</body>
</html>

12、vue-cli

1、配置环境

1、下载并安装Node.js，通过cmd的node -v与npm -v查看是否安装成功，成功出现版本号

2、安装Node.js淘宝镜像加速器（cnpm）：

# -g 就是全局安装
npm install cnpm -g

3、安装vue-cli

cnpm install vue-cli -g
#测试是否安装成功#查看可以基于哪些模板创建vue应用程序，通常我们选择webpack
vue list

2、第一个vue-cli

  1. 新建项目文件夹，并cmd进入该文件夹
  2. vue init webpack myvue --myvue 是项目名称
  3. 无需修改的点回车，需要选择的都选no
  4. cd到项目目录下：npm install
  5. 项目启动（等同与tomcat的start）：npm run dev

13、Webpack

1、安装

npm install webpack -g
npm install webpack-cli -g

--测试是否安装成功
webpack -v
webpack-cli -v

2、配置webpack.config

entry：入口文件， 指定Web Pack用哪个文件作为项目的入口
output：输出， 指定WebPack把处理完成的文件放置到指定路径
module：模块， 用于处理各种类型的文件
plugins：插件， 如：热更新、代码重用等
resolve：设置路径指向
watch：监听， 用于设置文件改动后直接打包

module.exports = {
	entry:"",
	output:{
		path:"",
		filename:""
	},
	module:{
		loaders:[
			{test:/\.js$/,;\loade:""}
		]
	},
	plugins:{},
	resolve:{},
	watch:true
}

3、打包命令：webpack

4、webpack打包实例

1、新建空文件夹，IDEA打开

2、项目上创建一个名为modules的目录
3、modules下创建模块文件，如hello.js

//暴露一个方法：sayHi
	exports.sayHi = function(){
		document.write("<div>Hello Webpack</div>");
	}

4、在modules下创建一个名为main.js的入口文件

//require 导入一个模块，就可以调用这个模块中的方法了
var hello = require("./hello");
hello.sayHi();

5、项目目录下创建webpack.config.js配置文件，并使用webpack命令打包

module.exports = {
	entry:"./modules/main.js",
	output:{
		filename:"./js/bundle.js"
	}

}

6、项目目录下创建HTML页面，如index.html，导入webpack打包后的JS文件

	<!doctype html>
	<html lang="en">
		<head>
			<meta charset="UTF-8">
			<title>我是主页</title>
		</head>
		<body>
			<script src="dist/js/bundle.js"></script><!-- 直接打印出了Hello Webpack -->
		</body>
	</html>

14、vue-router路由

1、安装

npm install vue-router --save-dev

2、使用

--如果在一个模块化工程中使用它，必须要通过Vue.use()明确地安装路由功能
import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter);

3、测试

1、components 目录下定义一个Content.vue的组件

<template>
	<div>
		<h1>内容页</h1>
	</div>
</template>

<script>
	export default {
		name:"Content"
	}
</script>

2、Main.vue组件

	<template>
	<div>
		<h1>首页</h1>
	</div>
</template>

<script>
	export default {
		name:"Main"
	}
</script>

3、安装路由，在src目录下，新建一个文件夹：router，专门存放路由，配置路由index.js

import Vue from'vue'
//导入路由插件
import Router from 'vue-router'
//导入上面定义的组件
import Content from '../components/Content'
import Main from '../components/Main'
//安装路由
Vue.use(Router) ;
//配置路由
export default new Router({
	routes:[
		{
			//路由路径
			path:'/content',
			//路由名称
			name:'content',
			//跳转到组件
			component:Content
			},{
			//路由路径
			path:'/main',
			//路由名称
			name:'main',
			//跳转到组件
			component:Main
			}
		]
	});

4、在main.js中配置路由

import Vue from 'vue'
import App from './App'

//导入上面创建的路由配置目录
import router from './router'//自动扫描里面的路由配置

//来关闭生产模式下给出的提示
Vue.config.productionTip = false;

new Vue({
	el:"#app",
	//配置路由
	router,
	components:{App},
	template:'<App/>'
});

5、在App.vue中使用路由

<template>
	<div id="app">
		<!--
			router-link：默认会被渲染成一个<a>标签，to属性为指定链接
			router-view：用于渲染路由匹配到的组件
		-->
		<router-link to="/">首页</router-link>
		<router-link to="/content">内容</router-link>
		<router-view></router-view>
	</div>
</template>

<script>
	export default{
		name:'App'
	}
</script>
<style></style>

4、传参

1、 修改路由配置, 主要是router下的index.js中的 path 属性中增加了 :id 这样的占位符

{
	path: '/user/profile/:id', 
	name:'UserProfile', 
	component: UserProfile
}

2、此时我们在Main.vue中的route-link位置处 to 改为了 :to，是为了将这一属性当成对象使用，注意 router-link 中的 name 属性名称 一定要和 路由中的 name 属性名称 匹配，因为这样 Vue 才能找到对应的路由路径

<!--name是组件的名字 params是传的参数 如果要传参数的话就需要用v:bind:来绑定-->
<router-link :to="{name:'UserProfile',params:{id:1}}">个人信息</router-link>

3、在要展示的组件Profile.vue中接收参数 使用 {{$route.params.id}}来接收

<template>
  <!--  所有的元素必须在根节点下-->
  <div>
    <h1>个人信息</h1>
    {{$route.params.id}}
  </div>
</template>

4、也可以使用props进行取值 减少耦合

<template>
  <div>
    个人信息
    {{ id }}
  </div>
</template>
<script>
    export default {
      props: ['id'],
      name: "UserProfile"
    }
</script>
<style scoped>
</style>

5、重定向

{
  path: '/main',
  name: 'Main',
  component: Main
},
{
  path: '/goHome',
  redirect: '/main'
}

<el-menu-item index="1-3">
    <router-link to="/goHome">回到首页</router-link>
</el-menu-item>

15、参考

Vue项目创建和使用

IDEA中使用Vue

ElementUI

小僵123456
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue-component-creator-plugin:通过自动创建的 vue 组件和 vuex 模块简化您的前端开发
05-31
vue-component-creator 一个头脑风暴插件，用于创建带有 Sass 文件的单个文件 vue.js 组件并完成 vuex 模块。 这个插件做了几件事情，以简化您的开发经验。 安装 在插件设置中搜索Vue Component Creator 。 或者从下载插件 Vue 单文件组件 在项目树视图中右键单击要放置新模块的位置。 然后New File -> Vue Module 。 这将打开一个对话框来定义模块的名称。 此名称稍后用于命名目录、vue- 和 sass-file 以及 sass 根名称，以及具有给定名称的 vue 文件中的根节点。 结构 组件名称 _component-name.scss 组件名称.md 组件名称.vue 组件名称.stories.js 组件名称.spec.js Vuex 模块 通过创建新的Vuex模块，将生成几个文件。 结构 模块名称
Vue面试题整合.txt
07-12
Vue面试题整合，1、Vue 解决了什么问题。2、Vue 的生命周期(11 个钩子函数)。3、watch、computed 和 methods 的区别。4、Vue.js 的特点。5、插槽的理解。6、vue-router 有哪几种导航钩子。7、vue 组件中的 data 为什么是一个函数。8、路由懒加载。9、Vue.js 介绍。10、请说出 vue.cli 项目中 src 目录每个文件夹和文件的用法。11、Vue 中 key 值的作用。12、vue 的指令。14、vue 怎么兼容 IE。15、MVVM 的理解。16、为什么 data 是一个函数。17、Vue 组件通讯有哪几种方式。18、v-if 和 v-show 的区别。19、Vue 怎么重置 data。21、route 和 router。22、Vue 修饰符有哪些
vue3中常用插件的使用方法：按需引入自定义组件，自动导入依赖包，自动生成路由，自动生成模拟数据
最新发布
在这里，我分享我的技术心得、项目经验、实用的技术教程、深入的技术分析以及前端开发的最新动态，希望能帮助到更多的人。
02-19 5977
unplugin-vue-components插件可以在Vue文件中自动引入组件（包括项目自身的组件和各种组件库中的组件）；使用此插件后，不需要手动编写import { Button } from 'ant-design-vue’这样的代码了，插件会自动识别template中使用的自定义组件并自动注册。
Vue源码系列11------Vue组件化----createComponent 【创造组件】
编程小渣渣的进阶之路
05-16 2190
Vue.js 的一个核心思想是组件化。所谓组件化，就是把页面拆分成多个组件 (component)，每个组件依赖的 CSS、JavaScript、模板、图片等资源放在一起开发和维护。组件的资源是独立的，组件在系统内部可复用，组件和组件之间可以嵌套。下面来看看 createComponent的实现，了解到它在渲染一个组件的时候的 3 个关键逻辑：构造子类构造函数，安装组件钩子函数和实例化vn...
vue component created没有触发_Vue的难点解析
weixin_39873191的博客
11-20 980
watch 和 computed 和 methods 区别是什么？computed计算属性，在模板中双向绑定一些数据或表达式时，如果表达式过长，或逻辑更为复杂，就会变得臃肿，难以维护和阅读<div> {{text.split(',').reverse().join(',')}} </div>这里表达式包含3个操作，遇到复杂的逻辑时应该使用计算属性所有的计算属性都以函数的...
Vue源码学习之模板编译
多看多听多总结
07-17 748
Vue源码学习之模板编译
手写实现Vue内置组件component(Vue进阶)
CreatorRay的博客
07-06 1291
Vue中存在很多的内置组件，比如component、transition、keep-alive等，它们的使用场景很丰富，今天我们试着剖析一下component的内部原理并手写实现，会涉及虚拟DOM、模板编译、render函数等Vue进阶内容。...
创建VUE项目，在IDea上进行开发与运行的简单流程
weixin_45928161的博客
03-07 7327
目录一、创建VUE项目1. 外部终端创建2. IDea内部终端创建3. 项目介绍4. vue 的特别之处二、在IDea上开发与运行1. 创建组件与编码2. 配置组件路由3. 设置访问关联4. 运行 一、创建VUE项目 这里只介绍其中我所熟知的两种方式 1. 外部终端创建 在存储vue项目的目录，清除路径并输入cmd，回车，进入当前目录的命令行终端 创建vue项目 注意名称不可用大写英文vue create demo_01 根据自己需要选择模式，这里我选择自定义模式 创建好的项目在IDea中打开即
如何在IDEA里面写Vue（Vue component没有怎么办）
苦逼打工人的博客
03-28 1396
如何在IDEA里面写Vue（Vue component没有怎么办）。
Vue-Component
05-12
Vue的component组件机制剖析 Vue的组件到底是什么？？ 平常我们使用类似如下 import *** from '**/**' 的方式获取单文件组件，里面的内容如下： <template> <div></div> </template> [removed] export default { data () { return {} } } [removed] <style></style> 但是在JS中"一切皆对象"，那么组件到底是对象吗？，可以打印这个引用组件的对象看看其形式： 这里我们可以看出单文件组件是一个包含钩子函数，props属性以及方法等的对象，后面会提到组件其实最终是函数。 template组件如何在Vue里面被解析呢？ 当组件import后，会要注册为 components: { ***: *** } 实际上Vue此时会替换
Vue Router 的重定向基础和复杂用法详解指南
html0010的博客
09-14 5712
Vue Router的重定向功能非常强大，可以根据不同的需求进行设置。无论是基于路径、命名路由、参数还是查询参数，我们都可以根据自己的需求设置重定向。从简单的路径重定向到复杂的条件性和动态重定向，通过合理使用重定向，可以改善用户体验并导航用户到正确的页面。
vue总结.xmind
03-22
vue思维导图，主要涉及1、MVVM思想 2、vue常见指令 3、Vue生命周期的介绍 4、组件间通信 5、路由的使用 vue-router 6、vue发送 ajax请求 ...7、计算属性,方法与侦听器 ...9、vue常见插件 ...16、vue性能优化
vue最新官方16节全
01-15
最新官方英文版16节vue全，英文好的可以学习一下，毕竟是官方最新！
vue实现模糊搜索功能
01-08
[在这里插入图片描述](https://img-blog.csdnimg.cn/20200331213310518.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQxMzI2,size_16,color_...
PcVue 16 技术亮点
06-12
全新PcVue软件版本-PcVue 16现已隆重推出！！ PcVue作为数字平台，通过提供一组可配置的功能模块，结合不同行业需求，收集，控制，处理相关数据。PcVue拥有强大且方便的图形界面，方便工作人员进行操作，介绍用户的...
Vue知识点总结(10)——全局组件的创建和使用（超级详细）
CreatorRay的博客
01-02 436
在上一期我们已经讲解了组件的概念和作用，还有局部组件的封装、挂载和使用。 这期我们说一下全局组件的创建和使用，很简单。 <div id="app"> <Vheader></Vheader> </div> <script> Vue.component('Vheader',{ data () { return { msg:'我是全局组件Vheader的data内容
Vue2：组件基础（上）
CaptainDrake的博客
08-04 226
生命周期、Vue-cli、组件的使用、小黑记账清单、小兔鲜首页
如何在idea中写Vue（Vue Component没有如何处理）？
qq_50721879的博客
08-04 726
如何在idea中新建Vue Component文件
vue-loader-v16
04-25
对于 vue-loader-v16，它是 Vue.js 的官方加载器，用于 Webpack 的模块加载系统。它可以将 Vue 组件文件 (.vue) 转换为 JavaScript 模块，以便在浏览器中运行。同时，它还支持编译预处理器（如 Sass 和 Less），并可以处理内联的图片和字体等资源。Vue-loader v16 是 Vue 3 的一个重要的更新，与 Vue 2 相比，它采用了新的内部结构并具有更高的性能。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值