2018/5/12

第一次写博客🤞

今天准备学习vue，之前看文档自己写“hello vue”的时候发现变量没有绑定成功😅，今天仔细看了一下发现了问题......下定决心记录学习经过，以防犯二死循环~~~

1.新建html页面，随便写个div，随便给它个id；

双大括号是语法，表示这里面的message是绑定的变量

2.在刚刚的html头部引入vue.js；

这里js只有vue.js是必须的

这里我遇到了几个坑：

1）官方文档上引入vue.js的方式是使用链接🤢...... 我想用本地的js...本地的...本地的...本地的......然后我就贱贱的把它给的地址贴到了浏览器地址栏，复制粘贴到本地（其实看文档看到后面会发现可以直接下载源文件），好吧，现在万事俱备~~~

2）我自己写了一个vue-demo.js这里面是文档上创建vue对象的代码；

跟文档上一毛二样

此处，我为自己埋下了坑：在头部引入自定义js，因为头部引用js 存在dom尚未创建就执行了js中的绑定，导致绑定失败。解决方法就是将存在绑定的操作放到$(document).ready()中。

3）返回html页面，点击右上角的浏览器图标（不是IDEA用户的没有哟），查看劳动成果~~~

IDEA提供的使用浏览器打开当前html页面的快捷按钮

经典对白🤓

好啦，今天ZB到这里，继续学习~~~🙃