欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

小刘同学的第一百四十四篇博文

程序员文章站 2022-04-04 21:40:25
今天终于能更新博文了……(确实有些不应该,5月份到现在就没认认真真写过几行代码) 今天算是正式在学Vue.js了,前期想必大家也能看得出来,我为那个即时通讯系统写的代码注释,基本上都是自己在胡乱猜测的,很随意很随性的在写注释(可能都完全不正确…) 今天简单的抄写了两个官网上的例子,花了半个小时左右的 ......

  今天终于能更新博文了……(确实有些不应该,5月份到现在就没认认真真写过几行代码)

  今天算是正式在学Vue.js了,前期想必大家也能看得出来,我为那个即时通讯系统写的代码注释,基本上都是自己在胡乱猜测的,很随意很随性的在写注释(可能都完全不正确…)

  今天简单的抄写了两个官网上的例子,花了半个小时左右的时间,白天主要还是在写答辩的PPT,找模板找了很久,好不容易找到一个合适的也觉得吃藕吃藕地。

  -------------正文分割线--------------

  首先命令行,检测一下安装了Vue没有

  小刘同学的第一百四十四篇博文

  已经安装了,不知道是不是船新版本,但是也应该比较新了。

  为了方便(其实是不懂,照着官网教程来的)就直接引入开发模式下的cdn

小刘同学的第一百四十四篇博文

  其实我现在才想到,我不是已经安装到本地了么,干嘛不直接引入本地文件呢?(觉得自己好像智障了)

  小刘同学的第一百四十四篇博文

  这是第一个例子,也是最简单的,消息的打印

  小刘同学的第一百四十四篇博文

  el找到对应id的div标签,data对象里暂时只包含了一个属性message,值为Hello Vue!

  小刘同学的第一百四十四篇博文

  成功完成第一个Vue示例。

  小刘同学的第一百四十四篇博文

  照着第二个示例又来抄了一个,不过这个就有点意思了,v-bind:title之前接触过,不过也不太懂,只是隐隐约约觉得这个title好像代表着什么

  小刘同学的第一百四十四篇博文

  el还是照前面的,绑定div,message就有意思了,取了用户机的系统时间再拼字符串

  小刘同学的第一百四十四篇博文

  鼠标移动到文字上,确实有消息提示了,这个v-bind:title属性就是用来显示鼠标悬停信息的。

  小刘同学的第一百四十四篇博文

  晚上敲的也就是上面这32行代码了,好了,时间也到了,就回寝室了。

  今天感冒更好了,就决定今晚一定要跑步了,已经休息3天没跑了。

  那就到这里了,大家早安~

  morning~