2-3.Vue全局API之外部数据的引用

本文介绍了Vue全局API中的Vue.set方法,用于在构造器外部操作内部数据。通过示例展示了如何创建一个计数器并改变其值,以及如何处理外部数据,特别是数组元素的更新。文章强调了JavaScript限制下Vue无法自动检测数组变动,并推荐使用Vue.set方法确保数据更新。
摘要由CSDN通过智能技术生成

Vue全局API

Vue.set全局操作-------引用外部数据

Vue.set全局操作,可以在构造器外操作构造器内部的数据,属性或方法
下面的这个例子就是在构造器内部定义一个属性,然后通过在构造器外写一个方法来操作构造器内部的数据。
例子:现在构造器里面定义一个count属性,其初始值为1,通过点击按钮,改变count的值
外部数据:就是不在Vue构造器里里的data处声明,而是在构造器外部声明,然后在data处引用。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vue.set实例</title>
		<script src="../assets/js/vue.js" type="text/javascript"></script>
	</head>
	<body>
		<h1>Vue.set实例,在构造器内部操作外部数据实例</h1>
		<div id="app">
			<p>外部数据:&nbsp;&nbsp;&nbsp;&nbsp;{
   
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值