Yii2与vue整合开发

大家使用vue已经习惯了vue全家桶上，其实vue还是可以跟传统的模式进行整合，没有webpack，没有vite。下面来简要介绍一下：

1、建立VueAsset资源文件，让页面自动加载vue资源

这里自动引入了elmentUI和axios。vue使用vue2和vue3均可。

2、建立对应的view页面。笔者这里是扩展一个form页面的异步上传图片功能。

要点讲解：

- vue已经全局注册，直接new可以使用。如果是vue3请使用create的方法创建。

- new新建vue的时候，使用el指定对应的div进行vue实例化。这时div的内容相当于变成模板内容。同时vue此时只是用于处理一个div的内容，原则上一个页面可以有多个vue实例（对应多个div）。这种方法相对于把vue变成一个当页面应用来说，可以jq和vue混合使用。

- ElementUI使用script的方式引入，或者cdn的方式引入时，属于全局引用，不需要使用vue.use进行组件注册。

结语：对于活跃于JQ世代的老前端来说，单页面应用并不是唯一的方式，还有传统的网页方式（结合JQ或者直接操作DOM）。仅仅记录一下，相信大部分人也不会这么使用。毕竟现在vue3的工具越来越简单而强大。