这篇博客探讨了如何在非Vue-cli构建的老项目中引入Vue进行开发。通过一个包含child.js子组件和demo.html页面的示例，展示了如何在HTML页面中使用Vue和ElementUI，说明了在没有使用Vue开发工具的情况下，依然可以进行组件化的开发实践。
前言
目前，前端的框架化开发是流行趋势。在国内，vue无疑是三大框架中最流行的。然而一些老的项目并非是基于vue-cli等工具进行的框架化开发，而是使用原生js进行的，却想引入vue进行一些新功能开发，这就需要vue适配原生js开发的项目
demo的结构
—demo
——child.js //子组件，一个elementui-table
——demo.html //页面
——elementui.js // elementui组件库
——elementui.css // elementui组件库
——vue.js // vue
demo.html
废话不多说，直接上代码代码：
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>test</title>
<!--引入vue-->
<script src="./vue.js"></script>
<!--引入子组件-->
<script type="text/javascript" src="child.js"></script>
<!-- 引入elementui -->
<link rel="stylesheet" href="./elementui.css">
<script src="./elementui.js"></script
最低0.47元/天 解锁文章
扫一扫
304
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
