一 示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>lesson 6</title>
<script src="https://cdn.jsdelivr.net/npm/vue@3.4.5/dist/vue.global.min.js"></script>
</head>
<body>
<div id="root"></div>
</body>
<script>
// Vue.createApp({}) 使用Vue创建一个应用，createApp是createApplication的缩写
// 传入的参数表示，这个应用最外层的组件应该如何展示
// .mount('#root') 只作用于id="root"的div元素上
// vm代表的就是 vue 应用的根组件
// 面向数据编程参考了mvvm
// 什么是mvvm？model数据 vm-viewModel：数据视图连接层 view视图 vue的组件帮我们做的数据视图连接层
const app = Vue.createApp({
data(){
return{
message:'hello world'
}
},
template:`<div>{{message}}</div>`
});
app.component('',{})
// app.mount('#root');
const vm = app.mount('#root')
</script>
</html>
二 解析
