Vue学习之原生Vue结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue原生结构</title>
<link rel="stylesheet" href="index.css">
<style>
</style>
</head>
<body>
<div id="app">
//html结构
</div>
//导入Vue
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script>
//实例化Vue对象
var vm = new Vue({
//与上面id名相对应,表示只在此div中进行操作
el:"#app",
data: {
//数据,变量,常量以及数组、对象等等
},
computed:{
//计算属性
},
watch:{
//监听器
},
methods:{
//一些方法,函数
},
component:{
//组件
}
})
</script>
</body>
</html>
大概简单的入门级的结构,了解每个对象都是干嘛的,再进行内容的讲解