Vue.js知识点总结 (element框架混用 制作一个左树右表布局)

element框架混用

element是基于vue.js框架开发的快速搭建前端的UI框架。
因为有小伙伴做项目时不知道怎么去引入使用来布局，今天我就来教大家如何简单上手

首先要提的就是，你在做这个混用操作前，得会vue框架的单文件组件的模式操作，类似的操作也行，只要是单文件组件的思想。

---

开始上手

---

一，安装

切换到你vue的项目文件夹后，打开终端输入改安装命令（必须是你vue文件夹，再三强调，因为我们要装在node_module的目录里，才能更好得使用）
npm i element-ui -S

我的vue项目文件位于vue-test下，我是在这个路径下进行安装的

二，引入使用

找到文件并编辑使用

1，位于vue-test下的node_module文件夹里会出现element的文件

2，往下翻到element

3，然后一如既往，打开app.vue，main.js,和compenents下的文件

4，然后在main.js下引入组件

5，接着在这里，我新建了一个文件，名为ele.vue作为引入element组件的单文件组件文件，
并复制element组件的树形图组件的代码粘贴到ele.vue下即可