vue-cli 代码结构

vue项目运行.png

入口文件main.js

main.png
最上面是依赖文件
el是要绑定的元素
template定义一个模板
components是注册一个组件，注册的组件必须是已经定义过的模板

Vue文件

App.vue.png
Vue文件内部有三个双标签
<template> <script> <style>对应的是模板 js 样式
import Hello from src用来定义组件的依赖在上段代码中定义了Hello 依赖于一个Hello.vue的文件这里vue后缀名可以省略
export default{}是vue的一个语法糖他与import x form配合使用 export default 内部返回一个对象，在本段代码中export default返回的对象在上段代码中的import App form ./App语句会赋值给App，他的成员name可以省略，components是这个组件内部的组件实现了组件嵌套