vue, 代理3

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Vue中的数据代理</title>
        <!-- 引入Vue -->
        <script type="text/javascript" src="../js/vue.js"></script>
    </head>
    <body>
        <!-- 
                1.Vue中的数据代理:
                            通过vm对象来代理data对象中属性的操作(读/写)
                2.Vue中数据代理的好处:
                            更加方便的操作data中的数据
                3.基本原理:
                            通过Object.defineProperty()把data对象中所有属性添加到vm上。
                            为每一个添加到vm上的属性,都指定一个getter/setter。
                            在getter/setter内部去操作(读/写)data中对应的属性。
         -->
        <!-- 准备好一个容器-->
        <div id="root">
            <h2>学校名称:{{name}}</h2>
            <h2>学校地址:{{address}}</h2>
        </div>
    </body>

    <script type="text/javascript">
        Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。
        
        const vm = new Vue({
            el:'#root',
            data:{
                name:'sss',
                address:'ss科技园'
            }
        })
    </script>
</html>

通过前2篇 vue本质就是用的代理,通过代理,把html定义的变量和vm 分开。 vm模型里面隐藏了代理关系。 通过vue开发插件可以看到vue,大量参数

11章 数据仓库和商务智能

11.1 引言

数据仓库(Data Warehouse,DW)的概念始于20世纪80年代。该

技术赋能组织将不同来源的数据整合到公共的数据模型中去,整合后的

数据能为业务运营提供洞察,为企业决策支持和创造组织价值开辟新的

可能性。同样重要的是,数据仓库还是减少企业建设大量决策支持系统

(Decision Support System,DSS)的一种手段,大部分DSS系统使用的

都是企业中同样的核心数据。企业数据仓库提供了一种减少数据冗余、

提高信息一致性,让企业能够利用数据做出更优决策的方法。

数据仓库和商务智能语境关系图如图11-1所示。

真正实施数据仓库的建设,要到20世纪90年代。从那时开始,数据

仓库建设逐渐成为主流,特别是与商务智能(Business

Inteligence,

BI)作为业务决策主要驱动力协同发展。大多数企业都建有数据仓库,

数据仓库被公认为企业数管理的核心[1]。即使数据仓库已经建设得很好

了,但相关技术仍然在不断发展,各种新形式的数据产生得越来越快,

新的概念(如数据湖)不断创立,它们将影响数据仓库的未来(参见第

8章和第15章)。

11.1.1 业务驱动因素

数据仓库建设的主要驱动力是运营支持职能、合规需求和商务智能

活动(尽管不是所有的商务智能活动都依赖仓库数据)。越来越多的组

织被要求用数据来证明他们是合规的,因为数据仓库中包含历史数据,

所以经常被用来响应这类要求。不仅如此,商务智能支持一直是建设数

据仓库的主要原因,商务智能为组织、客户及产品提供洞察。通过商务

智能获得决策知识并采取行动的组织,能提升其运营效率,增强其竞争

优势。越来越多的数据以越来越快的速度被使用,商务智能从回顾性评

价发展到预测分析领域。图11-1 语境关系图:数据仓库和商务智能

11.1.2 目标和原则

一个组织建设数据仓库的目标通常有:

1)支持商务智能活动。

2)赋能商业分析和高效决策。

3)基于数据洞察寻找创新方法。

数据仓库建设应遵循如下指导原则:

1)聚焦业务目标。确保数据仓库用于组织最优先级的业务并解决

【直流微电网】径向直流微电网的状态空间建模与线性化:一种耦合DC-DC变换器状态空间平均模型的方法 (Matlab代码实现)内容概要:本文介绍了径向直流微电网的状态空间建模与线性化方法,重点提出了一种基于耦合DC-DC变换器状态空间平均模型的建模策略。该方法通过对系统中多个相互耦合的DC-DC变换器进行统一建模,构建出整个微电网的集中状态空间模型,并在此基础上实施线性化处理,便于后续的小信号分析与稳定性研究。文中详细阐述了建模过程中的关键步骤,包括电路拓扑分析、状态变量选取、平均化处理以及雅可比矩阵的推导,最终通过Matlab代码实现模型仿真验证,展示了该方法在动态响应分析和控制器设计中的有效性。; 适合人群:具备电力电子、自动控制理论基础,熟悉Matlab/Simulink仿真工具,从事微电网、新能源系统建模与控制研究的研究生、科研人员及工程技术人员。; 使用场景及目标:①掌握直流微电网中多变换器系统的统一建模方法;②理解状态空间平均法在非线性电力电子系统中的应用;③实现系统线性化并用于稳定性分析与控制器设计;④通过Matlab代码复现和扩展模型,服务于科研仿真与教学实践。; 阅读建议:建议读者结合Matlab代码逐步理解建模流程,重点关注状态变量的选择与平均化处理的数学推导,同时可尝试修改系统参数或拓扑结构以加深对模型通用性和适应性的理解。
### Vue3 配置代理解决开发环境跨域请求 对于Vue3项目,在开发环境中遇到的跨域问题可以通过配置代理来有效解决。这不仅提高了开发效率,还简化了网络请求处理逻辑。 #### 使用Vite构建工具配置代理 针对采用Vite作为构建工具的Vue3应用,可以在`vite.config.ts`文件内定义服务器选项中的代理规则[^2]: ```typescript import { defineConfig } from &#39;vite&#39; import vue from &#39;@vitejs/plugin-vue&#39; export default defineConfig({ plugins: [vue()], server: { proxy: { &#39;/api&#39;: { target: &#39;http://localhost:3000&#39;, changeOrigin: true, rewrite: (path) => path.replace(/^\/api/, &#39;&#39;), }, }, }, }) ``` 这段代码实现了将所有以`/api`开头的请求转发至目标服务器(`http://localhost:3000`),并移除URL前缀以便正确路由到对应API端点。 #### 利用Vue CLI服务配置代理 如果基于Vue CLI创建的应用,则需编辑项目的根目录下的`vue.config.js`文件来指定代理设置[^3]: ```javascript module.exports = { devServer: { proxy: { &#39;^/api&#39;: { target: &#39;http://localhost:3000&#39;, ws: true, // 支持WebSocket连接 changeOrigin: true, pathRewrite: { &#39;^/api&#39;: &#39;&#39; } } } } } ``` 此配置允许应用程序在本地运行期间自动重定向特定模式的HTTP(S)/Websocket请求到另一个域名或IP地址上,从而绕过浏览器同源策略限制。 以上两种方式均能有效地帮助开发者克服开发阶段常见的跨域难题,具体选用哪一种取决于所使用的构建工具链。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

手把手教你学AI

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值