element table 表组件 +vue 3.0 + 若依
React和Vue形象地比较 React是手动档的车 Vue是自动档的車
每次从git上拉下代码的时候,遇到的问题是得删除项目安装的依赖模块,然后重新下载运行一次
命令行工具 vue-cli(runoob-vue3-test)
https://element.eleme.cn/#/en-US/component/table element UI
http://demo.ruoyi.vip/index 若依
项目中的逻辑:用户点击按钮 => 触发绑定在按钮元素上的事件处理函数 (点击事件的处理函数,也就是@click对应的函数) 在这里是onSubmit函数=> Vue中所有的函数都会定义在 <script> 引出的 methods 对象中在onSubmit被调用之后 会依次运行里面的逻辑 其中我们想要它调用外部的API来实现通信 因此我们要在里面写一些可以和外部通信的逻辑 以及对响应返回结果的一些处理
而外部API的通信我们统一都写在API的文件夹中 这是把逻辑单独封装出去 方便管理
API文件夹中的文件中的函数只做一件事那就是通信 它和UI组件没有关系的
每个不同的请求都有它自己的对应的一个函数 它对应不同的端口 不同方法 接收不同参数等
因此我们要在UI中的onSubmit 中调用 API文件夹中的相应函数
目录
一、VUE框架的结构以及各个部分的作用
二、一些符号、专有名词的含义①冒号的含义
一、VUE框架的结构以及各个部分的作用
一个vue页面主要包括3个部分:
1.<template>界面展示代码</template>
2.<script>业务实现代码</script>
3.<style>界面布局代码</style>
二、一些符号、专有名词的含义
①冒号的含义
冒号:代表的是一个双向绑定,其值要么是一个变量.
:是v-bind的缩写,是为了动态绑定数据。
加上了冒号是为了动态绑定数据,等号后面可以写变量。
如果不使用冒号,等号后面就可以写字符串等原始类型数据。这时就无法进行动态绑定数据了。
②DOM的含义
DOM就是文档对象模型。
HTML的文档document页面是一切的基础,没有它dom就无从谈起。
当创建好一个页面并加载到浏览器时,DOM就悄然而生,它会把网页文档转换为一个文档对象,主要功能是处理网页内容。
③VUE的组件为什么要EXPORT DEFAULT
Vue 的模块机制:
Vue 是通过 webpack实现的模块化,因此可以使用 import 来引入模块,例如:(Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。)
欲知后事如何,请看下回分解