本文是一篇关于Vue.js的基础教程，介绍了Vue作为一款轻量级且渐进式的前端框架，其主要特点是数据驱动和MVVM组件化。通过示例展示了如何创建Vue实例，设置数据并渲染到DOM中，帮助初学者理解Vue的基本使用步骤。
一，概念
是一个轻量级 渐进式的前端框架
特点：数据驱动，MVVM 组件化
好处：封装了dom
vue的基本步奏
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试vue</title>
<!-- 1引入外部的vue.js文件 -->
<script src="js/vue.js"></script>
</head>
<body>
<!-- 2准备数据渲染区 -->
<div id="app">
<center>
<h1>{{msg}}</h1>
<h2>{{name}}</h2>
<h3>{{age}}</h3>
</center>
</div>
<!-- 3使用Vue准备数据 -->
<script>
//3.1创建vue对象
new Vue({
el:"#app",//element的简称，即将把准备好的数据，渲染到指定区域--挂载点，#app是利用css的id选择亲，选中了一个HTML元素
//3.2准备即将要在浏览器展示的数据
data:{
msg:'hello Vue~',
name:'周润发',
age:59
}
})
</script>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
