vue学习笔记之项目工程化开发

一:介绍及使用:

vue学习笔记之项目工程化开发_第1张图片

二:脚手架目录文件介绍:vue学习笔记之项目工程化开发_第2张图片

三:项目运行流程:

vue学习笔记之项目工程化开发_第3张图片 

3.1main.js文件和App.vue文件之间的关系:

main.js文件:
      main.js是Vue项目的主入口文件,负责初始化Vue应用并挂载根组件。
      在main.js中,首先会引入Vue库,并创建一个Vue实例。通过new Vue()可以传入一个配置对象,其中可以指定挂载的DOM元素、路由、状态管理等。
      在创建Vue实例时,通过render函数或template选项来指定根组件的渲染方式。通常使用render函数来渲染App.vue组件。
App.vue文件:
      App.vue是Vue应用的根组件,包含了应用的整体布局和结构。
      通过以上的关系,main.js文件负责创建Vue实例并挂载根组件,而App.vue文件则是根组件的定义和实现。在应用启动时,main.js会将 App.vue组件渲染到指定的DOM元素上,从而完成整个应用的初始化。

 四:组件化开发:

vue学习笔记之项目工程化开发_第4张图片

 五:App.vue根文件的三个组成部分:vue学习笔记之项目工程化开发_第5张图片

六:普通组件的注册使用:

6.1普通组件的局部注册:

(将普通组件文件写在components文件夹下) 

流程1.创建文件->2.导入->3.注册->4.使用

vue学习笔记之项目工程化开发_第6张图片

 6.2普通组件的全局注册:vue学习笔记之项目工程化开发_第7张图片

你可能感兴趣的:(vue学习笔记,学习,笔记)