做本文主要是采用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 实现响应的数据绑定和组合的视图组件。