当前位置: 首页> 文旅> 艺术 > 建立网络平台要多少钱_哈尔滨新闻最新消息今天_太原seo霸屏_十大免费无代码开发软件

建立网络平台要多少钱_哈尔滨新闻最新消息今天_太原seo霸屏_十大免费无代码开发软件

时间:2025/7/20 5:37:42来源:https://blog.csdn.net/yanmengying/article/details/144063970 浏览次数:0次
建立网络平台要多少钱_哈尔滨新闻最新消息今天_太原seo霸屏_十大免费无代码开发软件

使用new Vue()创建Vue实例,传入配置对象(el data)

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><script src="vue.js" type="text/javascript" charset="UTF-8"></script>
</head><body><div id="root">{{ name }}</div><script type="text/javascript">const x = new Vue({el: '#root',data: {name: 999// message: 888}})</script>
</body></html>

v-hind v-model

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><script src="vue.js" type="text/javascript" charset="UTF-8"></script>
</head><body><div id="app"><!-- v-hind 单向传输,将data中的数据传给输入框 --><input type="text" v-bind:value="name"><!-- v-hind的缩写形式<input type="text" v-bind:value="name">  --><!-- v-model 双向传输,data中的数据与输入框中的value值相互传递 --><input type="text" v-model:value="name"></div><script type="text/javascript">var app = new Vue({el: "#app",data: {name: '燕'}});</script>
</body></html>

效果:

Object.defineProperty

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><script src="vue.js" type="text/javascript" charset="UTF-8"></script>
</head><body><script type="text/javascript">let number = 18let person = {name: '张三',sex: '男',}Object.defineProperty(person, 'age', {// value: 20,// enumerable: true,//控制属性是否被枚举(被遍历)// writable: true,//控制属性是否被修改// configurable: true,//控制属性是否被删除// 当有人读取person的age属性时,get函数(getter)就会被调用,age的值为返回值get() {console.log('有人读取age属性了');return number},//当有人修改person的age属性时,set函数(setter)就会被调用,且收到所修改的具体值set(value) {console.log('有人修改age属性了,且值是', value);number = value;}})</script>
</body></html>

 

关键字:建立网络平台要多少钱_哈尔滨新闻最新消息今天_太原seo霸屏_十大免费无代码开发软件

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: