哭哭兔Vue学习笔记_NO.1

目标：可以完成登陆页面开发

学习网址：菜鸟教程

笔记：

<div id="vue_det"> <h1>site : {{site}}</h1> <h1>url : {{url}}</h1> <h1>{{details()}}</h1> </div> <script type="text/javascript"> var vm = new Vue({ el: '#vue_det', data: { site: "菜鸟教程", url: "www.runoob.com", alexa: "10000" }, methods: { details: function() { return this.site + " - 学的不仅是技术，更是梦想！"; } } }) </script>

第一个div的含义为定义参数
第二部分的含义为定义数据对象，也就是给之前定义的参数赋值
三个数据对象含义：
data：定义属性，有3个属性，site：网站，url：网址，alexa：网站排名
methods：定义函数
{{ }}：返回值

总结：

1、发现code标签和pre标签都不可以直接展示代码，只有xmp可以

2、总是纠结于属性的意思，其实属性也是定义出来的，并不用过多的纠结

3、感觉还是要看Vue官文档，菜鸟可以用于参考巩固