01.vue
goer ... 2022-01-06 小于 1 分钟
[toc]
# Vue
课程来源:vue官网
特点:
体积小
更高的运行效率
基于虚拟dom(dom的预处理操作)
双向数据绑定
开发者不用操作dom对象,投入到业务逻辑
生态丰富,学习成本低
拥有大量成熟的基于vue的框架和组件
# 安装
生产环境,开发环境
cdn(内容分发)
命令行 > vue 脚手架(先不建议)
# 第一个vue
暴露全局变量Vue
<div id="app">
<h1>{{msg}}</h1>
</div>
//引入vue
<script src="../script/vue.js"></script>
<script>
// 创建vue应用对象
var app = new Vue({ //对象参数
el:"#app", // 元素
data:{ // 数据
msg:'hello Vue!!!',
}
})
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15