Vue.js组件创建

以下是我的学习总结，欢迎指教- - - -

最终效果（单击左边文字菜单块导航栏弹出）：

步骤如下：

 1. 运行vue文件     命令：npm run dev 

2. 打开App.vue文件开始制作组件，App.vue是主页，组件都在App.vue主页引入

备注：在src文件夹目录下各建一个专门放css、 js、 img、的文件夹，
我的被引入的组件是统一放在compoent目录下

 3. 以下是注册组件、引用组件和调用组件的方法

4. 给被引入的组件添加css样式和js事件等

4-1、 js：如需要写js就必须要写在methods里面，当然我也尝试过写在methods的外面的里面，有报错，但是也达到了要的效果，但是我不建议写在methods的外面。

4-2、	css:css可以直接写在<style></style>里面,也可以调用css文件样式，方法如图：

//组件中引入css文件
//注意：scoped：样式只对该组件有效，不影响其他组件

4-3、打开src文件下的main.js文件

//一样引入index.css样式文件