Vue学习笔记总结(8)

  • 介绍webpack-simple模板项目
  1. 项目内的结构
  1. index.html

无论前端页面内容有多复杂,index.html都只有11行

Vue学习笔记总结(8)_第1张图片

实际内容已经被打包进/dist/build.js

 

  1. main.js文件是整个vue项目的入口js

Vue学习笔记总结(8)_第2张图片

  1. App.vue  

万事万物皆组件

App.vue 这种以”.vue”为扩展名的内容(文件),实际上就是一个Vue对象。在这里这种文件,也称为Vue组件。

 

三、.vue文件(Vue组件)的组成部分

Vue学习笔记总结(8)_第3张图片

 

在vue组件中使用多个vue组件搭建一个页面

 

Vue学习笔记总结(8)_第4张图片

 

  1. 全局注册

是在main.js中,通过import和Vue.componment配合,来将一个.vue文件注册成为一个标签。该标签就可以在整个项目中使用。

Vue学习笔记总结(8)_第5张图片

 

  1. 本地注册

在组件的内部去注册另外一个组件,成为一个标签,只在该组件的内部使用,而不能在其他组件内使用。

 

Vue学习笔记总结(8)_第6张图片

 

你可能感兴趣的:(vue)