vue项目--去哪儿网笔记
2020/2/7 6:20:54
本文主要是介绍vue项目--去哪儿网笔记,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app">{{message}}</div> <script> /* 首先 我创建了一个vue的实例 new Vue({ */ /* 然后呢 这个实例接受一个vue的配置项,这个配置项指的是实例负责管理的这个区域 */ /* el:'#app', 代表的是让我这个vue实例去接管id为app的这个dom标签里面的所有的内容*/ /* 在这里定义了 data 也就是定义了一组数据,里面有个message也就是,他的内容是中国*/ /* 而我在我这个id为app的标签上通过差值表达式为花括号的语法来调用data里面的数据 */ var app = new Vue({ el:'#app', data:{ message:"中国" } }) setTimeout(function(){ app.$data.message ="我爱你" /* app指的是上面的vue的实例,它后面有个$data,就是上面data的别名,$data 我们就可以看作是data这个对象 data:{ message:"中国" } data后面有个message,我让他等于 我爱你 ,希望借助定时器让内容自动跟着发生变化*/ /* 这样做的好处就是我们可以不用去关注dom上的操作了,而是把精力集中在数据的管理 智商,数据上放的是什么 页面展示的就是什么,数据改变了,那么页面也会跟着变*/ },2000) </script> </body> </html>
点击查看更多内容
这篇关于vue项目--去哪儿网笔记的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-04package.json 文件位置在哪?-icode9专业技术文章分享
- 2024-10-01Craco.js学习:从入门到实践指南
- 2024-10-01Create-React-App学习:入门与实践指南
- 2024-10-01CSS-in-JS学习:从入门到实践指南
- 2024-09-30JSX语法学习:从入门到初步掌握
- 2024-09-30Mock.js学习:入门教程与实战演练
- 2024-09-30React Hooks学习:从入门到实践
- 2024-09-30受控组件学习:React中的基础入门教程
- 2024-09-29JS定时器教程:初学者必看指南
- 2024-09-29JS对象教程:初学者的全面指南