JavaScript和vue.js自学记录（一）——Vue入门

开发工具

• 开发工具：Hbuilder X

• 官网：https://www.dcloud.io/hbuilderx.html

• 安装：直接官网 下载解压 即可使用。【当前日期：2020/03/15】

• 现在很多人开发前端页面，都在用这个开发工具。个人用了感觉确实很nice，推荐。

Vue入门

• Vue是什么？
  Vue是一个用JavaScript写的前端框架。
  如图：
  2.关于Vue官网
  地址：https://cn.vuejs.org/
  官网里对入门有很详细的教程，而且每一节都配有视频，相当友好。【当前日期：2020/03/15】
  
  

Hello World ！

• 按照官网的步骤，就到了这个页面，写个Hello World !
  

附加知识

• js脚本 在HTML中的位置
  1、直接写在 body 标签 里。
  2、在 body 标签外面，但是在 html 标签里。
  3、把功能写在xxx.js文件里，在HTML中引用，引入文件代码一般写在 head 标签 里，通过js函数调用的方式使用。
• 个人想法：
  1、功能简单，且使用次数很少的js代码可以写在body里面。
  2、如果是功能复杂，但是不常用的，可以写在body外面。
  3、如果是经常要被调用的 ，个人建议写在xxx.js 文件当中，一是简化HTML代码，看起来很爽，写代码越多，分离看起来就越爽。二能提高代码的复用性。