描述:
使用vue(1),vue文件的解析,说明,首先,演示一个示例,然后进行一步步的说明。
效果演示:
代码演示:
<!DOCTYPE html>
<html>
<head>
<title>vue test</title>
</head>
<body>
<script src="https://unpkg.com/vue@3"></script>
<div id="app">{{ message }}</div>
<script>
const { createApp } = Vue
createApp({
data() {
return {
message: 'Hello Vue Test!'
}
}
}).mount('#app')
</script>
</body>
</html>
内容说明:
应用实例的开始:
每个vue应用都是通过createApp函数创建一个新的应用实例。
如以上示例中的:
应用实例的渲染:
从.mount()方法开始
具体如以上代码中的:
模板设置:
在没有template的时候,会使用innerHTML作为模板。