第五篇:vue.js起步

2021-09-08 21:33:14 阅读：167 来源： 互联网

标签：vue return 函数 url site js 第五篇 data

<div id="vue_det">                     //使改动全部在指定的 div 内，div 外部不受影响
    <h1>site : {{site}}</h1>　　       
    <h1>url : {{url}}</h1>　　　　　　　　// {{ }} 用于输出对象属性和函数返回值,这里应该是输出对象?

    <h1>{{details()}}</h1> 
</div>

<script type="text/javascript">　 　//数据对象 
　　　　var vm = new Vue({　　　　　　//实例化vue?????　　　
　　　　el: '#vue_det',　　　　　　　　//对应上方<div id="vue_det",也是一种id????>

　　　　data: { site: "菜鸟教程", url: "www.runoob.com", alexa: "10000" },   
 
//data 用于定义属性，实例中有三个属性分别为：site、url、alexa

　　　　methods: {                             //methods 用于定义的函数，可以通过 return 来返回函数值

　　　　details: function() {　　　　            // {{ }} 用于输出对象属性和函数返回值 ,这里应该是函数返回值?
       　　　　return this.site + " - 学的不仅是技术，更是梦想！"; } } }) 
</script>               　　 //这里等价于"菜鸟教程- 学的不仅是技术，更是梦想！" 好家伙

                             //return一下把data返回一下,不让就白打了,

标签：vue,return,函数,url,site,js,第五篇,data
来源： https://www.cnblogs.com/FatTiger4399/p/15244442.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

第五篇:vue.js起步