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文件夹中的相应函数

若依微服务怎么部署到服务器的 若依vue3_Vue

目录

一、VUE框架的结构以及各个部分的作用

二、一些符号、专有名词的含义①冒号的含义


一、VUE框架的结构以及各个部分的作用

若依微服务怎么部署到服务器的 若依vue3_Vue_02

一个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 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。)

欲知后事如何,请看下回分解