学习了单文件组件,也就是xxx.vue的那种文件形式,其中主要由三种构成 其实也就是css,js和html 只不过在这里边需要
在<template></template>里写html
在<script></script>里写js和vue的data,methods,computed.......
在<style></style>里写css样式
注意要在script 中vue写它的名字 一般都是xxx与文件名同名name:'xxx',
学习中也认识到ES6的暴露没有学 回头再看看ES6的一些东西
不过这暴露是否也算是一种基本样式呢?可能吧
之后要对所有的Vue进行一个汇总,常命名为App.vue
在其中的script中input所有需要的vue组件形式为
import VueName from' src'
汇总时html要写有包含组件的样式比如
<template>
<div>
<School></School>
<Student></Student>
</div>
</template>
随后注册所有组件 其中为组件名
components:{
School,
Student,
}
随后创建index.js文件 用于定义组件服务于哪个容器 也就是挂载
还有指出哪个组件为集成乐所有组件
import App from 'App.vue'
new Vue({
// 定义了所有组件服务于哪个容器 定义了组件的集成是App
el:'#root',
components:{App},
})
之后创建index.html文件
导入index.js和vue.js都要在body的后边,先让模板出来再引入
在html中要用到<App></App>