- 在线引入vue文件
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
- 页面元素必须有挂载容器
- 构建数据属性,属性之间用逗号间隔
- 数据进行渲染
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
</head>
<body>
<!-- 挂载容器 -->
<div id="con">
<!-- 渲染vue数据对象到页面 {{}}-->
{{
name
}}
</div>
<!-- 构建vue对象 -->
<script>
let vm = new Vue({
//针对于以上挂载
el:'#con', //属性之间用逗号间隔
//进行数据渲染
data:{//定义数据
name:'vue.js'
}
});
</script>
</body>
</html>
- vue实现架构(MVVM)