小白暴力学习001---Vue---第一个Vue

做本文主要是采用Vue3的教程,来源于菜鸟教程,
https://www.runoob.com/vue3/vue3-tutorial.html
主要记录从小白开始如何使用Vue建立一个笔记本的网站,并用于记录

基础条件:

  • 有明确的目标
  • 有兴趣
  • 能使用电脑,会百度

视频的教程后续有空再出,

1.将如下的代码,复制到笔记本中,保存为ceshi.html。并双击打开,那么,恭喜你,第一个vue已经运行,

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.net/vue/3.2.36/vue.global.min.js"></script>
</head>
<body>
<div id="hello-vue" class="demo">
  {{ message }}
</div>

<script>
const HelloVueApp = {
  data() {
    return {
      message: 'Hello Vue!!'
    }
  }
}

Vue.createApp(HelloVueApp).mount('#hello-vue')
</script>
</body>
</html>

如果会html,和javascript就发现,这些东西好像啊,是的,暴力理解,Vue就是一个javascript.

其他东西先不需要管,打开刚才的网页, 出现如下的界面,就成功了。

在这里插入图片描述

官网的说法摘录如下:

  • Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。
  • Vue 只关注视图层, 采用自底向上增量开发的设计。
  • Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值