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 实例要控制的区域。