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是这个组件内部的组件实现了组件嵌套

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,467评论 0 29
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,671评论 19 139
  • 转载 :OpenDiggawesome-github-vue 是由OpenDigg整理并维护的Vue相关开源项目库...
    果汁密码阅读 23,316评论 8 124
  • 文哥和我的友情是在不打不相识的过程中形成的。那时,我们都是十七、八岁的学生,他给我的第一印象是恶劣的:嘴里时常...
    幸福李_0b11阅读 3,607评论 0 0
  • 含苞欲放斗争艳、昨日坚强看得见;待到明天花开时、所有努力都兑现!
    神于天圣于地阅读 793评论 0 2