在webpack中封装并渲染vue组件(笔记)

传统的做法可用性不好,不利于团队协作开发。

在模块化开发的前提下,它给我们提供了一种新的使用组件的方式

首先需要在src文件夹里新建一个文件,名为app.vue

 如果我们需要一个组件,就创建一个.vue的文件来封装这个组件(实现了对单独的组件的模块化封装)

这个组件里面有三个根元素template,script,style

注意:在这里组件的data成员必须是一个函数,还需要有return返回值,而methods仍旧是一个对象。

扫描二维码关注公众号,回复: 11178064 查看本文章

 接下来导入组件:

强调:"vue-loader": "^15.x.x",版本 用法:

1.首先要在webpack.config,js文件中导入vue-loader的插件,

输入命令:

在webpack.config.js中引入vue-loader15所依赖的插件

 2.接下来需要配置webpack插件的节点

3.配置节点,如果是以.vue结尾的文件,就用vue-loader。

 

以下贴出案例部分代码截图:

 

 

猜你喜欢

转载自www.cnblogs.com/mmit/p/12825187.html