JavaScript和vue.js自学记录(一)——Vue入门

开发工具

  • 开发工具:Hbuilder X

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

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

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

Vue入门

  • Vue是什么?
    Vue是一个用JavaScript写的前端框架。
    如图:Vue.js
    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代码,看起来很爽,写代码越多,分离看起来就越爽。二能提高代码的复用性。
  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值