2021年4月19日

时间:1个小时左右

代码:60行左右

博客:1

知识点:vue基础知识点，vue的应用、概述、基本使用

Vue：渐进式JavaScript框架 声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建

易用：熟悉HTML、CSS、JavaScript知识后，可快速上手Vue

灵活：在一个库和一套完整框架之间自如伸缩

高效：20kB运行大小，超快虚拟 DOM

1.Vue.js之HelloWorld基本步骤：

<div id="app">
<div>{{msg}}</div>
</div>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
new Vue({
el: '#app',
data: {
msg: 'HelloWorld'
}
})
</script>

2. Vue基本使用

Vue.js之HelloWorld细节分析

1. 实例参数分析

el： 元素的挂载位置（值可以是CSS选择器或者DOM元素）

data：模型数据（值是一个对象）

 2. 插值表达式用法

将数据填充到HTML标签中

 插值表达式支持基本的计算操作

3. Vue代码运行原理分析

概述编译过程的概念（Vue语法→原生语法）