谷粒商城-前端模块化开发

vue模块化开发

1、全局安装webpack

npm install webpack -g

2、全局安装脚手架

npm install @vue/cli-init -g （vue2的脚手架）
npm install @vue/cli -g (vue3的脚手架)

3、 初始化vue项目

vue2: vue init webpack appname
vue3: vue create appname

备注：这部分的内容在我的ppt中有详细介绍

更加详细的信息可以查看vue官方网站

4、vue模块间的大概路程思路

1. 首先每一个vue项目中都会有一个index,html文件这叫做入口文件，我们所有的东西都是挂载在这个文件上的
2. 在main.js中vue对象会对app所在的文件进行挂载
3. App作为组件传入vue中
4. APP.vue中需要的组件可以通过导入然后进行组册就可以在template中直接使用了
5. router是根据不同的路由跳转router-link可以有多个路由规则，但是router-view只能有一个根据不同的路径去映射出不同的页面，这个也是按照router的路由规则来走了
6. 另外如果我们要实现监听页面的话就需要在父组件中通过子组件定义的属性来传递子组件需要的属性值，在子组件中进行函数点击监听，例如tarbar和tarbaritem以及在父组建maintarbar中的使用【详细可以看代码supermall】

5、使用element-ui