vue学习笔记（一）
程序员文章站
2022-06-14 22:34:26
...
vue学习笔记（一）
简介
Vue、 React 和 Angular 是当前应用最广的三大前端框架，对于任何一个前端工程师来说，Vue 都是一门非常值得我们学习的前端框架。心有余者请和我一起过一遍这个知识体系！
搭建第一个Vue程序只需6步
1 进入Vue 官网，打开开发者文档 https://doc.vue-js.com/v2/guide/installation.html
2 复制CDN
3 新建html文档，使用VSCode打开
4 编写如下代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">{{message}}</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
var vm = new Vue({
el: '#app',
data:{
message:'this is a Vue!'
}
})
</script>
</body>
</html>
5 打开网页如下
6 在控制台内，可以修改message 的值
【完】
上一篇： Vue学习笔记一
下一篇： Vue学习笔记(一)