Vuejs入门和使用实践

最新推荐文章于 2024-05-30 16:25:19 发布
最新推荐文章于 2024-05-30 16:25:19 发布
阅读量363 收藏 1
点赞数 1
分类专栏： # Vue 文章标签： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011424614/article/details/94478809
版权

目录

Vue.js 入门和使用实践

一、软件版本

  • Vue版本：2.x
  • 官网：https://cn.vuejs.org
  • 编程工具：HBuilder X

二、文档指引

  • 基础知识 -> 案例实践 -> TodoList -> Vue-cli -> Todolist

三、Vue基础语法

1.创建第一个Vue实例

HBuilder X 菜单 -> 视图 -> 显示项目管理器 -> 将 Vue 文件夹拖进来

  • 进入官网 -> 学习 -> 教程 -> 安装 -> 直接引用 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vue 入门</title>
		<!-- 将 vuejs 的引入放在 head 部分可以防止抖屏的现象 -->
		<script src="./vue.js"></script>
	</head>
	<body>
		<div id="root">{{msg}}</div>
		
		<script>
			//创建 Vue 实例
			new Vue({ 
				el: "#root", // 指定vue实例接管的 element 元素(绑定id=root的dom节点)
				data:{ // vue实例的数据
					msg: "Hello World" // 定义msg属性,并赋值 (提供el绑定的节点使用)
				}
			});
		</script>
	</body>
</html>

2.挂载点、模板与实例

  • 挂载点、模板和实例之间的关系
  • 实例和挂载点的关系
  1. Vue 实例通过 el 属性绑定挂载点
  2. id=“root” 的 div 是 Vue 实例的挂载点
  3. Vue 实例只处理挂载点下的数据绑定
  • 挂载点和模板的关系
  1. 挂载点下的内容称为模板或模板内容
  2. 模板内容可以在初始化 Vue 实例时定义 template 属性
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vue 入门</title>
		<!-- 将 vuejs 的引入放在 head 部分可以防止抖屏的现象 -->
		<script src="./vue.js"></script>
	</head>
	<body>
		<!-- 当前 div 称为 Vue 实例的挂载点 -->
		<div id="root">
			<!-- 模板内容 -->
			<h1>h1-msg = {{msg}}</h1>
		</div>
		
		<!-- 当前 msg 并不在 Vue 实例的挂载点下，实例无法处理 msg 数据绑定 -->
		<div>{{msg}}</div>
		
		<script>
			//创建 Vue 实例
			new Vue({
				el: "#root", // 指定vue实例接管的 element 元素(绑定id=root的dom节点)
				template: '<h2>h2-msg = {{msg}}</h2>', // 模板内容
				data:{ // vue实例的数据
					msg: "Hello World" // 定义msg变量,并赋值 (提供el绑定的节点使用)
				}
			});
		</script>
	</body>
</html>

3.Vue实例中的数据、事件和方法

  • {{ }} 称为 插值表达式
  • v-text 指令（适合纯文本）
  • v-html 指令（适合需要添加 html 标签）
  • 模板指令 v-on: 表示事件绑定, click 表示绑定点击事件，执行的方法，需要在 Vue 实例中定义 methods 属性（v-on 可以简写为 @ ，例如：@click 表示点击事件）
  • 更改数据的显示时，并不需要操作 dom，而是修改变量值，变量值修改后，Vue 会自动更新页面数据（由面向 dom 编程，变成面向数据编程）
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vue 入门</title>
		<!-- 将 vuejs 的引入放在 head 部分可以防止抖屏的现象 -->
		<script src="./vue.js"></script>
	</head>
	<body>
		<!-- 当前 div 称为 Vue 实例的挂载点 -->
		<div id="root">
			<!-- 模板内容 -->
			<!-- {{}} 称为 插值表达式 -->
			<h1>h1-num = {{num}}</h1>
			<!-- 通过 v-text 绑定变量 -->
			<h2 v-text="msg"></h2>
			<!-- 通过 v-html 绑定变量 -->
			<h3 v-html="content"></h3>
			<!-- 模板事件：div 绑定点击事件, Hello -> World -->
			<div @click="handleClick">{{hello}}</div>
		</div>
		
		<script>
			//创建 Vue 实例
			new Vue({
				el: "#root", // 指定vue实例接管的 element 元素(绑定id=root的dom节点)
				data:{ // vue实例的数据
					msg: "Hello World" ,// 定义msg变量,并赋值 (提供el绑定的节点使用)
					num: 123456,
					content: '<span style="color:red">Hello World</span>',
					hello: "Hello"
				},
				methods:{// 事件方法
					handleClick: function(){
                        // 修改 hello 变量的值
						this.hello = 'World'
					}
				}
			});
		</script>
	</body>
</html>

4.Vue中的属性绑定和双向数据绑定

  • 模板指令 v-bind: 表示属性绑定, title 是 div 标签的属性名，绑定的数据，在 Vue 实例的 data 属性中设置（v-bind 可以简写为 : ，例如：:title 表示绑定 title 属性）
  • 单项绑定：Vue 实例对象中的数据决定了页面显示的内容，而页面无法修改数据
  • 模板指令 v-model 表示标签属性值和 Vue 实例中 data 属性的变量进行双向绑定，当 input 标签内容发生变化，相应绑定的 Vue 实例中 data 属性的变量也会发送变化
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vue 入门</title>
		<!-- 将 vuejs 的引入放在 head 部分可以防止抖屏的现象 -->
		<script src="./vue.js"></script>
	</head>
	<body>
		<div id="root">
			<dir :title="title">Hello World</dir>
			<!-- 当使用模板指令后，等号之后的字符串就是 js 的表达式 -->
			<dir :title="'title: ' + title">Hello World</dir>
			<!-- 双向绑定 -->
			<input v-model="content" />
			<!-- 单项绑定 -->
			<div>{{content}}</div>
		</div>
		
		<script>
			//创建 Vue 实例
			new Vue({
				el: "#root",
				data:{ // vue实例的数据
					title: "this is Hello World",
					content: "this is content"
				}
			});
		</script>
	</body>
</html>

5.Vue中的计算属性和监听器

  • Vue 实例中定义 computed 属性，在 computed 属性中，实现计算属性的方法
    • （计算属性是通过其它属性计算出来的值）
    • （只有当计算属性的方法中的属性发生变化的时候才会重新计算，否则使用上一次计算的缓存）
  • Vue 实例中定义 watch 属性，在 watch 属性中，定义需要监听的属性和执行方法的内容（用于监听数据或计算属性的变化，当发生变化时，执行对应的方法）
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vue 入门</title>
		<!-- 将 vuejs 的引入放在 head 部分可以防止抖屏的现象 -->
		<script src="./vue.js"></script>
	</head>
	<body>
		<div id="root">
			姓：<input v-model="firstName" />
			名：<input v-model="lastName" />
			<div>{{fullName}}</div>
			<div>{{count}}</div>
		</div>
		
		<script>
			//创建 Vue 实例
			new Vue({
				el: "#root", // 指定vue实例接管的 element 元素(绑定id=root的dom节点)
				data:{
					firstName: "",
					lastName: "",
					count: 0
				},
				computed:{ //计算属性
					fullName: function(){
						return this.firstName + ' ' + this.lastName;
					}
				},
				watch:{ //监听器
					/* firstName: function(){
						this.count ++;
					},
					lastName: function(){
						this.count ++;
					} */
					fullName: function(){
						this.count ++;
					}
				}
			});
		</script>
	</body>
</html>

6.v-if、v-show与v-for指令

  • v-if 指令表示是否从 dom 节点中删除指定的标签
  • v-show 指令表示是否通过 css 的 display 来隐藏标签
  • v-for 指令表示循环列表数据（可通过定义 :key 提升 for 循环的性能，key值不能相同；如果需要频繁的对列表进行变更，key值会有所讲究）
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vue 入门</title>
		<!-- 将 vuejs 的引入放在 head 部分可以防止抖屏的现象 -->
		<script src="./vue.js"></script>
	</head>
	<body>
		<div id="root">
			<div v-if="show">hello world</div>
			<div v-show="show">Hello World</div>
			<button @click="handleClick">toggle</button>
			<ul>
				<!-- list 每次循环时，将数据保存到item中, index 保存循环的下标 -->
				<li v-for="(item, index) of list" :key="index">{{item}}</li>
			</ul>
		</div>
		
		<script>
			//创建 Vue 实例
			new Vue({
				el: "#root", // 指定vue实例接管的 element 元素(绑定id=root的dom节点)
				data:{ // vue实例的数据
					show: true,
					list: [1, 2, 3]
				},
                methods:{ // 事件方法
					handleClick: function(){
						this.show = !this.show;
					}
				}
			});
		</script>
	</body>
</html>

四、Vue中的组件

1.Todolist 功能开发

  • input 标签和 Vue 实例的数据变量做双向绑定(v-model)，ul 标签中循环一个列表(v-for)，【提交】按钮绑定点击事件(@click)，事件方法中，向 list 中 push input 标签填写的内容
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vue 入门</title>
		<!-- 将 vuejs 的引入放在 head 部分可以防止抖屏的现象 -->
		<script src="./vue.js"></script>
	</head>
	<body>
		<div id="root">
			<input v-model="inputVal" />
			<button @click="handleClick">提交</button>
			<ul>
				<li v-for="item of list">{{item}}</li>
			</ul>
		</div>
		
		<script>
			//创建 Vue 实例
			new Vue({
				el: "#root", // 指定vue实例接管的 element 元素(绑定id=root的dom节点)
				data:{ // vue实例的数据
					inputVal: "",
					list: []
				},
                methods:{ // 事件方法
					handleClick: function(){
						this.list.push(this.inputVal);
						this.inputVal = '';
					}
				}
			});
		</script>
	</body>
</html>

2.Todolist 组件拆分

  • 将一个复杂的页面拆分成多个组件，每个组件独立维护
  • 组件之间通信（参数的传递）

定义组件在 Vue 实例之前

  • 全局组件定义：Vue.component()
  • 局部组件定义：带 template 属性的对象，并且使用 Vue 实例的 components 属性中声明组件
  • 通过定义的组件名称，在模板中以 组件名称标签 进行使用
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vue 入门</title>
		<!-- 将 vuejs 的引入放在 head 部分可以防止抖屏的现象 -->
		<script src="./vue.js"></script>
	</head>
	<body>
		<div id="root">
			<input v-model="inputVal" />
			<button @click="handleClick">提交</button>
			<ul>
				<!-- 使用组件，定义 content 参数，将v-for中的item传入 -->
				<todo-item 
					v-for="(item, index) of list"
					:key="index"
					:content="item">
				</todo-item>
			</ul>
		</div>
		
		<script>
			// 定义 todo-item 组件(全局组件)
			/* Vue.component('todo-item',{
				props: ['content'], // 接送传递的参数
				template: '<li>{{content}}</li>'
			}); */
			// 定义局部组件(需要在Vue实例中注册)
			var TodoItem = {
				props: ['content'],
				template: '<li>{{content}}</li>'
			}
			//创建 Vue 实例
			new Vue({
				el: "#root", // 指定vue实例接管的 element 元素(绑定id=root的dom节点)
				data:{ // vue实例的数据
					inputVal: "",
					list: []
				},
				methods:{ // 事件方法
					handleClick: function(){
						this.list.push(this.inputVal);
						this.inputVal = '';
					}
				},
				components:{ // 注册组件
					'todo-item': TodoItem
				}
			});
		</script>
	</body>
</html>

3.组件与实例的关系

  • 一个组件就是一个 Vue 的实例（因为组件中也可以使用 Vue 实例的属性，例如：methods）
  • 对于父组件（Vue 实例），如果没有指定 template 属性，它会把挂载点下的内容当成模板使用
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vue 入门</title>
		<!-- 将 vuejs 的引入放在 head 部分可以防止抖屏的现象 -->
		<script src="./vue.js"></script>
	</head>
	<body>
		<div id="root">
			<input v-model="inputVal" />
			<button @click="handleClick">提交</button>
			<ul>
				<!-- 使用组件，定义 content 参数，将v-for中的item传入 -->
				<todo-item 
					v-for="(item, index) of list"
					:key="index"
					:content="item">
				</todo-item>
			</ul>
		</div>
		
		<script>
			// 定义 todo-item 组件(全局组件)
			/* Vue.component('todo-item',{
				props: ['content'], // 接送传递的参数
				template: '<li>{{content}}</li>'
			}); */
			// 定义局部组件(需要在Vue实例中注册)
			var TodoItem = {
				props: ['content'],
				template: '<li @click="handleClick">{{content}}</li>',
				methods:{ // 事件方法
					handleClick: function(){
						alert('click');
					}
				}
			}
			//创建 Vue 实例
			new Vue({
				el: "#root", // 指定vue实例接管的 element 元素(绑定id=root的dom节点)
				data:{ // vue实例的数据
					inputVal: "",
					list: []
				},
				methods:{ // 事件方法
					handleClick: function(){
						this.list.push(this.inputVal);
						this.inputVal = '';
					}
				},
				components:{ // 注册组件
					'todo-item': TodoItem
				}
			});
		</script>
	</body>
</html>

4.实现Todolist的删除功能

  • 父组件给子组件传值，是通过属性进行传递的

  • 子组件将父组件的定义数据进行删除（通过发布订阅模式进行实现；子组件发布事件，父组件自动订阅这个事件）

  • 子组件点击 item 时，触发子组件自定义 delete 属性，delete 属性会调用父组件定义的方法，在方法中执行删除数据的操作

  • 通过上面描述，自定义的 delete 属性，更像是自定义了一种事件类型，可以调用父组件方法的事件类型

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vue 入门</title>
		<!-- 将 vuejs 的引入放在 head 部分可以防止抖屏的现象 -->
		<script src="./vue.js"></script>
	</head>
	<body>
		<div id="root">
			<input v-model="inputVal" />
			<button @click="handleClick">提交</button>
			<ul>
				<!-- 使用组件，定义 content 参数，将v-for中的item传入 -->
				<todo-item 
					v-for="(item, index) of list"
					:key="index"
					:content="item"
					:index="index"
					@delete="handleDel">
				</todo-item>
			</ul>
		</div>
		
		<script>
			// 定义 todo-item 组件(全局组件)
			/* Vue.component('todo-item',{
				props: ['content'], // 接送传递的参数
				template: '<li>{{content}}</li>'
			}); */
			// 定义局部组件(需要在Vue实例中注册)
			var TodoItem = {
				props: ['content', 'index'],
				template: '<li @click="handleClick">{{content}}</li>',
				methods:{ // 事件方法
					handleClick: function(){
						// 通知父组件,触发自定义的 delete 事件,传递 index
						this.$emit('delete',this.index)
					}
				}
			}
			//创建 Vue 实例
			new Vue({
				el: "#root", // 指定vue实例接管的 element 元素(绑定id=root的dom节点)
				data:{ // vue实例的数据
					inputVal: "",
					list: []
				},
				methods:{ // 事件方法
					handleClick: function(){
						this.list.push(this.inputVal);
						this.inputVal = '';
					},
					handleDel: function(index){
						// splice 从 index 开始, 删除一项
						this.list.splice(index, 1);
					}
				},
				components:{ // 注册组件
					'todo-item': TodoItem
				}
			});
		</script>
	</body>
</html>

五、Vue-cli

1.vue-cli的简介与使用

  • Vue 脚手架工具 = vue-cli，快速构建标准的 vue 项目目录，自带 webpack 的各种配置
  • 安装

  1. 安装 Node.js 【https://www.runoob.com/nodejs/nodejs-install-setup.html】

  2. 进入官网 -> 学习 -> 教程 -> 安装 -> 命令行工具（CLI）-> Vue CLI 的文档 -> Getting Started

  • 使用 npm 创建

$ npm install -g @vue/cli

$ vue create vue-project

$ cd vue-project
$ npm run serve

  • 使用 webpack 创建

$ npm install -g @vue/cli-init

$ vue init webpack my-project

$ cd my-project
$ npm run dev

  • 最外层的 index.html 是项目入口，其中
    为挂载点，Vue 实例创建在 src/main.js 中，模板内容在 src/app.vue 中
  • 单文件组件，既一个文件里包含了所有组件内容（.vue 文件，文件包含 template、script、style）
  • 项目中自动配置 webpack 的热加载功能（保存页面触发）
  • 支持 ES5 和 ES6 代码

2.使用vue-cli开发Todolist

  • 当运行 npm run dev 时，npm会加载项目的 package.json 中的 dev 参数

“scripts”: {
“dev”: “webpack-dev-server --inline --progress --config build/webpack.dev.conf.js”,
“start”: “npm run dev”,
“unit”: “jest --config test/unit/jest.conf.js --coverage”,
“test”: “npm run unit”,
“lint”: “eslint --ext .js,.vue src test/unit”,
“build”: “node build/build.js”
}

  • 拷贝改名 src/App.vue 为 src/TodoList.vue（data 变成函数）
<template>
	<!-- Vue模板内容规定，最外层只能有一个根标签 -->
  <div>
    <input v-model="inputVal" />
		<button @click="handleClick">提交</button>
		<ul>
			<!-- 订阅 delete 事件 -->
			<todo-item
				v-for="(item, index) of list"
				:key="index"
				:content="item"
				:index="index"
				@delete="handleDel">
			</todo-item>
			<!-- <li v-for="(item, index) of list" :key="index">{{item}}</li> -->
		</ul>
  </div>
</template>

<script>
// 导入局部组件
import TodoItem from './components/TodoItem'

export default {
	/* data: function(){
		return {
			inputVal: '',
			list: []
		}
	},
	methods: {
		handleClick: function(){
			this.list.push(this.inputVal);
			this.inputVal = "";
		}
	} */
	// ES6 简化语法
	data (){ // 数据
		return {
			inputVal: '',
			list: []
		}
	},
	methods: { // 事件方法
		handleClick (){
			this.list.push(this.inputVal);
			this.inputVal = "";
		},
		handleDel (index){
			this.list.splice(index, 1);
		}
	},
	components: { // 组件注册
		'todo-item': TodoItem
	}
}
</script>

<style>

</style>
  • 修改对应 src/main.js 的引用
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import TodoList from './TodoList.vue'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  components: { App:TodoList },
  template: '<App/>'
})
  • 拆分组件(局部组件)，拷贝改名 src/components/HelloWorld.vue 为 src/components/TodoItem.vue
<template>
  <li @click="handleDel">{{content}}</li>
</template>

<script>
export default {
  props: ['content', 'index'],
	methods: {
		handleDel (){
			// 发布 delete 事件，传递参数值
			this.$emit('delete', this.index);
		}
	}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>

3.全局样式与局部样式

  • 如果组件中 style 添加了 scoped 后，则表示为局部样式，style 的样式仅作用于当前组件
  • 否则表示为全局样式，其它有关联的组件也会对该样式生效
  • 例如：src/components/TodoItem.vue
<template>
  <li class="item" @click="handleDel">{{content}}</li>
</template>

<script>
export default {
  props: ['content', 'index'],
	methods: {
		handleDel (){
			// 发布 delete 事件，传递参数值
			this.$emit('delete', this.index);
		}
	}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<!-- 局部样式: 添加 scoped 属性后，style 仅限当前页面可用 -->
<!--  -->
<style scoped>
	.item{
		color: springgreen;
	}
</style>
趴着喝可乐
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vuejs入门实践小项目
liujing_555的博客
05-08 1053
首先新建一个项目这个很多博客都讲过，就不再赘述，下面直接开始做demo，一个小时搞定vue小demo。 新建文件夹view存放页面，demo共有5个页面，Add.vue、Home.vue、List.vue、Login.vue、User.vue。 懒得写CSS代码，用的Elementui，感兴趣的小伙伴可以尝试一下。 创建好文件之后开始写代码，撸起袖子加油干！！！ 打开main.js // The ...
Vuejs入门和简单的应用
08-12
在“Vuejs入门和简单的应用”这个主题中，我们将深入理解Vue.js的基本概念，学习如何安装和配置环境，以及如何创建并运行一个简单的Vue应用。 一、Vue.js简介 Vue.js是由尤雨溪开发的开源渐进式框架，它允许开发者...
Vuejs入门
程序猿的博客
08-08 572
       想学习vuejs，可以看一下vuejs官方网址的API、教程，网址是：https://cn.vuejs.org，如下是我学习记下的。        Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当...
【Vue 学习】- VueJS 简单入门
ONESTARの博客
12-21 1480
目录 一、概述 1、Vue 介绍 2、MVVM 模式 二、Vue 入门 1、使用 IDEA 开发 Vue 2、插值表达式 一、概述 1、Vue 介绍 Vue 全称为 Vue.js，是一个构建数据驱动的 web 界面的渐进式框架，此框架是开源世界华人的骄傲，因为它的作者是位中国人–尤雨溪（Evan You）。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑 定和组合...
山东大学项目实训（三）——vue学习之常规语法
W_Haojun的博客
05-30 602
全局注册组件：});局部注册组件：</div>'new Vue({})routes})new Vue({router,state: {count: 0},})new Vue({store,
VueJS 概述与快速入门
少营营的博客
07-11 665
Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。 官网:https://cn.vuejs.org/ <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn...
Vue学习过程
weixin_46281174的博客
10-07 622
ＶＵＥ学习过程（狂神）
vuejs入门四季
06-25
"vuejs入门四季"可能是一个系列教程，旨在帮助初学者逐步掌握Vue.js的核心概念和实践技巧。第四季的内容可能进一步深入到更高级的主题，例如状态管理、组件通信和前端路由。 在Vue.js中，有几个关键知识点是每个...
vuejs入门第三季
06-25
在"vuejs入门第三季"的学习中，我们将深入探讨Vue.js的基础概念和高级特性。 1. **安装与初始化**：首先，你需要了解如何通过CDN链接或npm安装Vue.js。在项目中引入Vue.js后，可以通过`new Vue()`创建一个Vue实例，...
vuejs入门第二季
06-24
在“Vuejs入门第二季”这个系列中，我们将会深入学习Vue.js的各种概念和实践技巧。 1. **基础概念** - **安装**：Vue.js可以通过CDN链接、npm或yarn进行引入，对于初学者，可以直接使用Vue.js的CDN链接在HTML文件...
vuejs入门第一季
06-23
Vue.js 是一款轻量级的前端JavaScript框架，由尤雨溪开发，自2014年发布以来，因其易学易用、灵活高效的特点，在Web开发领域...通过这个教程，你将具备创建基本Vue应用的能力，并为进一步深入学习和实践打下坚实基础。
vue js 基础篇
wngzhem的博客
11-13 673
学习vue的初心 是因为 angular react 的生态比较大也比较全面，在针对的单页的应用时，加载文件显得笨重,反而没优势，执行效率也比不上vue这类框架。 在引入vue.js  vuejs 的算是很简洁的了 var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } })在绑定的父级元素el：可
Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印 方便用于小论文写作，方便用于毕业设计
07-20
Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可
K-means聚类算法MATLAB代码.doc
最新发布
07-20
kmeans聚类算法matlab代码
计算机科学与技术_基于Android的新闻管理系统的设计与实现.docx
07-20
计算机科学与技术_基于Android的新闻管理系统的设计与实现
半自动光纤接头组装机_包括零件图_机械3D图可修改打包下载.zip
07-20
半自动光纤接头组装机_包括零件图_机械3D图可修改打包下载.zip
[课设项目]Java-SSM框架开发校园资讯推荐系统+jsp+MySQL+前后端分离毕业论文和源码.zip
07-20
本项目是一个基于Java-SSM框架开发的校园资讯推荐系统，旨在为学生提供个性化的资讯推荐服务。项目采用前后端分离的设计模式，前端使用JSP进行页面展示，后端则通过SSM框架实现数据处理和业务逻辑。数据库方面，项目采用了MySQL作为存储数据的工具，确保了数据的稳定性和安全性。 项目资源包括完整的项目源码、数据库脚本以及详细的开发说明，同时还提供了相关论文作为参考。无论是正在进行毕业设计的学生还是需要进行项目实战练习的Java学习者，都可以通过本项目获得宝贵的实践经验。 值得一提的是，项目已经过严格的调试过程，确保可以在JDK、IDEA和Tomcat的开发环境下正常运行。对于有一定Java基础的学习者来说，还可以在项目现有代码的基础上进行拓展，实现更多功能，从而进一步提升自己的编程能力。请放心下载使用，本项目将是您毕业设计或课程设计的得力助手。
vuejs快速入门 申思维.zip
11-02
通过自己动手实践，您将更深入地理解Vue.js的概念和用法。 总之，通过阅读"vuejs快速入门"文件夹中的入门指南，您将能够迅速入门Vue.js，并开始构建交互式的现代化web应用程序。祝您学习愉快！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

趴着喝可乐

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值