Vue學習之webpack中使用vue(十七）

1、包的查找規則：

一、在項目根目錄中找有沒有 node_modules 的文件夾；

二、在 node_modules 中根據包名，找對應的vue 文件夾；

三、在vue 文件夾中，找 一個叫作 package.json的包配置文件；

四、在package.json文件中，查找一個main  屬性【main屬性指定了這個包在被加載時候的入口文件】

 

2、webpack中使用vue:

一、安裝 vue 的包：

cnpm i vue -S

二、因爲 在 webpack中，推薦使用 .vue這個組件模塊文件定義組件，因此，須要安裝能解析這種文件的

loader 

cnpm i vue-loader vue-template-comlier -D

三、在 main.js  中，導入 vue 模塊 

 import Vue from 'vue'

四、定義一個.vue 結尾的組件，其中，組件有三部分組成： template  script style

五、使用  

import login from './login.vue '

導入這個組件

六、建立 vm 實例 

var vm = new Vue ({
    el : '#app',
    render : c => c ( login )
})

七、在頁面中建立一個 id 爲 app的 div元素，做爲咱們 vm 實例要控制的區域。