【Vue】组件的基础与组件间通信

转载:https://segmentfault.com/a/1190000016409329

 

 

Vue.js 最核心的功能就是组件(Component),从组件的构建、注册到组件间通信,Vue 2.x 提供了更多方式,让我们更灵活地使用组件来实现不同需求。
一、构建组件
1.1 组件基础
一个组件由 template、data、computed、methods等选项组成。需要注意:template 的 DOM 结构必须有根元素
data 必须是函数,数据通过 return 返回出去
// 示例:定义一个组件 MyComponent
var MyComponent = {{data: function () {return {// 数据
    }},template: '<div>组件内容</div>'
}
由于 HTML 特性不区分大小写, 在使用kebab-case(小写短横线分隔命名) 定义组件时,引用也需要使用这个格式如 <my-component>来使用;在使用PascalCase(驼峰式命名) 定义组件时<my-component>和<MyComponent>这两种格式都可以引用。1.2 单文件组件.vue
如果项目中使用打包编译工具 webpack,那引入 vue-loader 就可以使用 .vue后缀文件构建组件。
一个.vue单文件组件 (SFC) 示例:// MyComponent.vue 文件
<template><div>组件内容</div>
</template><script>export default {data () {return {// 数据
        }}}
</script><style scoped>div{color: red}
</style>
.vue文件使组件结构变得清晰,使用.vue还需要安装 vue-style-loader 等加载器并配置 webpack.config.js 来支持对 .vue 文件及 ES6 语法的解析。进一步学习可参考文章:详解 SFC 与 vue-loader
二、注册组件
2.1 手动注册
组件定义完后,还需要注册才可以使用,注册分为全局和局部注册:// 全局注册,任何 Vue 实例都可引用
Vue.component('my-component', MyComponent)// 局部注册,在注册实例的作用域下有效
var MyComponent = { /* ... */ }
new Vue({components: {'my-component': MyComponent}
})// 局部注册,使用模块系统,组件定义在统一文件夹中
import MyComponent from './MyComponent.vue'export default {components: {MyComponent // ES6 语法,相当于 MyComponent: MyComponent
  }
}
注意全局注册的行为必须在根 Vue 实例 (通过 new Vue) 创建之前发生。2.2 自动注册
对于通用模块使用枚举的注册方式代码会非常不方便,推荐使用自动化的全局注册。如果项目使用 webpack,就可以使用其中的require.context一次性引入组件文件夹下所有的组件:import Vue from 'vue'
import upperFirst from 'lodash/upperFirst' // 使用 lodash 进行字符串处理
import camelCase from 'lodash/camelCase'const requireComponent = require.context('./components',   // 其组件目录的相对路径false,   // 是否查询其子目录/Base[A-Z]\w+\.(vue|js)$/   // 匹配基础组件文件名的正则表达式
)requireComponent.keys().forEach(fileName => {// 获取组件配置const componentConfig = requireComponent(fileName)// 获取组件的 PascalCase 命名const componentName = upperFirst(camelCase(// 剥去文件名开头的 `./` 和结尾的扩展名fileName.replace(/^\.\/(.*)\.\w+$/, '$1')))// 全局注册组件
  Vue.component(componentName,componentConfig.default || componentConfig)
})
三、组件通信
3.1 父单向子的 props
Vue 2.x 以后父组件用props向子组件传递数据,这种传递是单向/正向的,反之不能。这种设计是为了避免子组件无意间修改父组件的状态。子组件需要选项props声明从父组件接收的数据,props可以是字符串数组和对象,一个 .vue 单文件组件示例如下// ChildComponent.vue
<template><div><b>子组件:</b>{{message}}</div>
</template><script>export default {name: "ChildComponent",props: ['message']}
</script>
父组件可直接传单个数据值,也可以可以使用指令v-bind动态绑定数据:// parentComponent.vue
<template><div><h1>父组件</h1><ChildComponent message="父组件向子组件传递的非动态值"></ChildComponent><input type="text" v-model="parentMassage"/><ChildComponent :message="parentMassage"></ChildComponent></div>
</template><script>import ChildComponent from '@/components/ChildComponent'export default {components: {ChildComponent},data () {return {parentMassage: ''}}}
</script>
配置路由后运行效果如下:
clipboard.png3.2 子向父的 $emit
当子组件向父组件传递数据时,就要用到自定义事件。子组件中使用 $emit()触发自定义事件,父组件使用$on()监听,类似观察者模式。子组件$emit()使用示例如下:// ChildComponent.vue
<template><div><b>子组件:</b><button @click="handleIncrease">传递数值给父组件</button></div>
</template><script>export default {name: "ChildComponent",methods: {handleIncrease () {this.$emit('increase',5)}}}
</script>
父组件监听自定义事件 increase,并做出响应的示例:// parentComponent.vue
<template><div><h1>父组件</h1><p>数值:{{total}}</p><ChildComponent @increase="getTotal"></ChildComponent></div>
</template><script>import ChildComponent from '@/components/ChildComponent'export default {components: {ChildComponent},data () {return {total: 0}},methods: {getTotal (count) {this.total = count}}}
</script>
访问 parentComponent.vue 页面,点击按钮后子组件将数值传递给父组件:
clipboard.png3.3 子孙的链与索引
组件的关系有很多时跨级的,这些组件的调用形成多个父链与子链。父组件可以通过this.$children访问它所有的子组件,可无限递归向下访问至最内层的组件,同理子组件可以通过this.$parent访问父组件,可无限递归向上访问直到根实例。以下是子组件通过父链传值的部分示例代码:// parentComponent.vue
<template><div><p>{{message}}</p><ChildComponent></ChildComponent></div>
</template>// ChildComponent.vue
<template><div><b>子组件:</b><button @click="handleChange">通过父链直接修改数据</button></div>
</template><script>export default {name: "ChildComponent",methods: {handleChange () {this.$parent.message = '来自 ChildComponent 的内容'}}}
</script>
显然点击父组件页面的按钮后会收到子组件传过来的 message。在业务中应尽量避免使用父链或子链,因为这种数据依赖会使父子组件紧耦合,一个组件可能被其他组件任意修改显然是不好的,所以组件父子通信常用props和$emit。
3.4 中央事件总线 Bus
子孙的链式通信显然会使得组件紧耦合,同时兄弟组件间的通信该如何实现呢?这里介绍中央事件总线的方式,实际上就是用一个vue实例(Bus)作为媒介,需要通信的组件都引入 Bus,之后通过分别触发和监听 Bus 事件,进而实现组件之间的通信和参数传递。首先建 Vue 实例作为总线:// Bus.js
import Vue from 'vue'
export default new Vue;
需要通信的组件都引入 Bus.js,使用 $emit发送信息:// ComponentA.vue
<template><div><b>组件A:</b><button @click="handleBus">传递数值给需要的组件</button></div>
</template><script>import Bus from './bus.js' export default {methods: {handleBus () {Bus.$emit('someBusMessage','来自ComponentA的数据')}}}
</script>
需要组件A信息的就使用$on监听:// ComponentB.vue
<template><div><b>组件B:</b><button @click="handleBus">接收组件A的信息</button><p>{{message}}</p></div>
</template><script>import Bus from './bus.js' export default {data() {return {message: ''}},created () {let that = this // 保存当前对象的作用域thisBus.$on('someBusMessage',function (data) {that.message = data})},beforeDestroy () {// 手动销毁 $on 事件,防止多次触发Bus.$off('someBusMessage', this.someBusMessage)}}
</script>
四、递归组件
组件可以在自己的 template 模板中调用自己,需要设置 name 选择。// 递归组件 ComponentRecursion.vue
<template><div><p>递归组件</p><ComponentRecursion :count="count + 1" v-if="count < 3"></ComponentRecursion></div>
</template><script>export default {name: "ComponentRecursion",props: {count: {type: Number,default: 1}}}
</script>
如果递归组件没有 count 等限制数量,就会抛出错误(Uncaught RangeError: Maximum call stack size exceeded)。父页面使用该递归组件,在 Chrome 中的 Vue Devtools 可以看到组件递归了三次:
clipboard.png递归组件可以开发未知层级关系的独立组件,如级联选择器和树形控件等。
五、动态组件
如果将一个 Vue 组件命名为 Component 会报错(Do not use built-in or reserved HTML elements as component id: Component),因为 Vue 提供了特殊的元素 <component>来动态挂载不同的组件,并使用 is 特性来选择要挂载的组件。以下是使用<component>动态挂载不同组件的示例:// parentComponent.vue
<template><div><h1>父组件</h1><component :is="currentView"></component><button @click = "changeToViewB">切换到B视图</button></div>
</template><script>import ComponentA from '@/components/ComponentA'import ComponentB from '@/components/ComponentB'export default {components: {ComponentA,ComponentB},data() {return {currentView: ComponentA // 默认显示组件 A
      }},methods: {changeToViewB () {this.currentView = ComponentB // 切换到组件 B
      }}}
</script>
改变 this.currentView的值就可以自由切换 AB 组件:
clipboard.png与之类似的是vue-router的实现原理,前端路由到不同的页面实际上就是加载不同的组件。
要继续加油呢,少年!

 

Vue.js 最核心的功能就是组件(Component),从组件的构建、注册到组件间通信,Vue 2.x 提供了更多方式,让我们更灵活地使用组件来实现不同需求。

一、构建组件

1.1 组件基础

一个组件由 template、data、computed、methods等选项组成。需要注意:

  • template 的 DOM 结构必须有根元素
  • data 必须是函数,数据通过 return 返回出去
// 示例:定义一个组件 MyComponent
var MyComponent = {{data: function () {return {// 数据}},template: '<div>组件内容</div>'
}

由于 HTML 特性不区分大小写, 在使用kebab-case(小写短横线分隔命名) 定义组件时,引用也需要使用这个格式如 <my-component>来使用;在使用PascalCase(驼峰式命名) 定义组件时<my-component><MyComponent>这两种格式都可以引用。

1.2 单文件组件.vue

如果项目中使用打包编译工具 webpack,那引入 vue-loader 就可以使用 .vue后缀文件构建组件。
一个.vue单文件组件 (SFC) 示例:

// MyComponent.vue 文件
<template><div>组件内容</div>
</template><script>export default {data () {return {// 数据}}}
</script><style scoped>div{color: red}
</style>

.vue文件使组件结构变得清晰,使用.vue还需要安装 vue-style-loader 等加载器并配置 webpack.config.js 来支持对 .vue 文件及 ES6 语法的解析。

进一步学习可参考文章:详解 SFC 与 vue-loader

二、注册组件

2.1 手动注册

组件定义完后,还需要注册才可以使用,注册分为全局和局部注册:

// 全局注册,任何 Vue 实例都可引用
Vue.component('my-component', MyComponent)// 局部注册,在注册实例的作用域下有效
var MyComponent = { /* ... */ }
new Vue({components: {'my-component': MyComponent}
})// 局部注册,使用模块系统,组件定义在统一文件夹中
import MyComponent from './MyComponent.vue'export default {components: {MyComponent // ES6 语法,相当于 MyComponent: MyComponent}
}

注意全局注册的行为必须在根 Vue 实例 (通过 new Vue) 创建之前发生。

2.2 自动注册

对于通用模块使用枚举的注册方式代码会非常不方便,推荐使用自动化的全局注册。如果项目使用 webpack,就可以使用其中的require.context一次性引入组件文件夹下所有的组件:

import Vue from 'vue'
import upperFirst from 'lodash/upperFirst' // 使用 lodash 进行字符串处理
import camelCase from 'lodash/camelCase'const requireComponent = require.context('./components',   // 其组件目录的相对路径false,   // 是否查询其子目录/Base[A-Z]\w+\.(vue|js)$/   // 匹配基础组件文件名的正则表达式
)requireComponent.keys().forEach(fileName => {// 获取组件配置const componentConfig = requireComponent(fileName)// 获取组件的 PascalCase 命名const componentName = upperFirst(camelCase(// 剥去文件名开头的 `./` 和结尾的扩展名fileName.replace(/^\.\/(.*)\.\w+$/, '$1')))// 全局注册组件Vue.component(componentName,componentConfig.default || componentConfig)
})

三、组件通信

3.1 父单向子的 props

Vue 2.x 以后父组件用props向子组件传递数据,这种传递是单向/正向的,反之不能。这种设计是为了避免子组件无意间修改父组件的状态。

子组件需要选项props声明从父组件接收的数据,props可以是字符串数组对象,一个 .vue 单文件组件示例如下

// ChildComponent.vue
<template><div><b>子组件:</b>{{message}}</div>
</template><script>export default {name: "ChildComponent",props: ['message']}
</script>

父组件可直接传单个数据值,也可以可以使用指令v-bind动态绑定数据:

// parentComponent.vue
<template><div><h1>父组件</h1><ChildComponent message="父组件向子组件传递的非动态值"></ChildComponent><input type="text" v-model="parentMassage"/><ChildComponent :message="parentMassage"></ChildComponent></div>
</template><script>import ChildComponent from '@/components/ChildComponent'export default {components: {ChildComponent},data () {return {parentMassage: ''}}}
</script>

配置路由后运行效果如下:
clipboard.png

3.2 子向父的 $emit

当子组件向父组件传递数据时,就要用到自定义事件。子组件中使用 $emit()触发自定义事件,父组件使用$on()监听,类似观察者模式。

子组件$emit()使用示例如下:

// ChildComponent.vue
<template><div><b>子组件:</b><button @click="handleIncrease">传递数值给父组件</button></div>
</template><script>export default {name: "ChildComponent",methods: {handleIncrease () {this.$emit('increase',5)}}}
</script>

父组件监听自定义事件 increase,并做出响应的示例:

// parentComponent.vue
<template><div><h1>父组件</h1><p>数值:{{total}}</p><ChildComponent @increase="getTotal"></ChildComponent></div>
</template><script>import ChildComponent from '@/components/ChildComponent'export default {components: {ChildComponent},data () {return {total: 0}},methods: {getTotal (count) {this.total = count}}}
</script>

访问 parentComponent.vue 页面,点击按钮后子组件将数值传递给父组件:
clipboard.png

3.3 子孙的链与索引

组件的关系有很多时跨级的,这些组件的调用形成多个父链与子链。父组件可以通过this.$children访问它所有的子组件,可无限递归向下访问至最内层的组件,同理子组件可以通过this.$parent访问父组件,可无限递归向上访问直到根实例。

以下是子组件通过父链传值的部分示例代码:

// parentComponent.vue
<template><div><p>{{message}}</p><ChildComponent></ChildComponent></div>
</template>// ChildComponent.vue
<template><div><b>子组件:</b><button @click="handleChange">通过父链直接修改数据</button></div>
</template><script>export default {name: "ChildComponent",methods: {handleChange () {this.$parent.message = '来自 ChildComponent 的内容'}}}
</script>

显然点击父组件页面的按钮后会收到子组件传过来的 message。

在业务中应尽量避免使用父链或子链,因为这种数据依赖会使父子组件紧耦合,一个组件可能被其他组件任意修改显然是不好的,所以组件父子通信常用props$emit

3.4 中央事件总线 Bus

子孙的链式通信显然会使得组件紧耦合,同时兄弟组件间的通信该如何实现呢?这里介绍中央事件总线的方式,实际上就是用一个vue实例(Bus)作为媒介,需要通信的组件都引入 Bus,之后通过分别触发和监听 Bus 事件,进而实现组件之间的通信和参数传递。

首先建 Vue 实例作为总线:

// Bus.js
import Vue from 'vue'
export default new Vue;

需要通信的组件都引入 Bus.js,使用 $emit发送信息:

// ComponentA.vue
<template><div><b>组件A:</b><button @click="handleBus">传递数值给需要的组件</button></div>
</template><script>import Bus from './bus.js' export default {methods: {handleBus () {Bus.$emit('someBusMessage','来自ComponentA的数据')}}}
</script>

需要组件A信息的就使用$on监听:

// ComponentB.vue
<template><div><b>组件B:</b><button @click="handleBus">接收组件A的信息</button><p>{{message}}</p></div>
</template><script>import Bus from './bus.js' export default {data() {return {message: ''}},created () {let that = this // 保存当前对象的作用域thisBus.$on('someBusMessage',function (data) {that.message = data})},beforeDestroy () {// 手动销毁 $on 事件,防止多次触发Bus.$off('someBusMessage', this.someBusMessage)}}
</script>

四、递归组件

组件可以在自己的 template 模板中调用自己,需要设置 name 选择。

// 递归组件 ComponentRecursion.vue
<template><div><p>递归组件</p><ComponentRecursion :count="count + 1" v-if="count < 3"></ComponentRecursion></div>
</template><script>export default {name: "ComponentRecursion",props: {count: {type: Number,default: 1}}}
</script>

如果递归组件没有 count 等限制数量,就会抛出错误(Uncaught RangeError: Maximum call stack size exceeded)。

父页面使用该递归组件,在 Chrome 中的 Vue Devtools 可以看到组件递归了三次:
clipboard.png

递归组件可以开发未知层级关系的独立组件,如级联选择器和树形控件等。

五、动态组件

如果将一个 Vue 组件命名为 Component 会报错(Do not use built-in or reserved HTML elements as component id: Component),因为 Vue 提供了特殊的元素 <component>来动态挂载不同的组件,并使用 is 特性来选择要挂载的组件。

以下是使用<component>动态挂载不同组件的示例:

// parentComponent.vue
<template><div><h1>父组件</h1><component :is="currentView"></component><button @click = "changeToViewB">切换到B视图</button></div>
</template><script>import ComponentA from '@/components/ComponentA'import ComponentB from '@/components/ComponentB'export default {components: {ComponentA,ComponentB},data() {return {currentView: ComponentA // 默认显示组件 A}},methods: {changeToViewB () {this.currentView = ComponentB // 切换到组件 B}}}
</script>

改变 this.currentView的值就可以自由切换 AB 组件:
clipboard.png

与之类似的是vue-router的实现原理,前端路由到不同的页面实际上就是加载不同的组件。

要继续加油呢,少年!

转载于:https://www.cnblogs.com/Jeely/p/11236803.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/550060.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java 自定义map_自定义写实现java中map中的功能(简易)

package test;/*** 通过自定义来实现一个map功能* 存放键值对&#xff0c;根据键对象找到一个值对象&#xff0c;确保没有重复*/import java.util.Map;public class test01 {SxtEntry[] arrnew SxtEntry[990];int size;//定义函数实现将键值对放入数组public void put(Object k…

设计模式的功力长了!

今天醒来后&#xff0c;感觉理解了原来比较复杂的一些设计模式&#xff0c;很好&#xff0c;就像小时候感觉长高一样。学习设计模式有一年多了。进步需要时间&#xff01;

java 验证码校验_JavaWeb验证码校验功能代码实例

后台生成验证码工具方法/** 设置图片的背景色*/public static void setBackGround(Graphics g, int WIDTH, int HEIGHT) {// 设置颜色g.setColor(Color.WHITE);// 填充区域g.fillRect(0, 0, WIDTH, HEIGHT);}/** 设置图片的边框*/public static void setBorder(Graphics g, int…

如何做不浮躁的人

51CTO著名专家老刘&#xff0c;连发了两篇博文&#xff0c;老刘的博客http://2844337.blog.51cto.com/ 都是劝谏我们年轻人不要浮躁。两篇文章用故事教育我们一定不要浮躁&#xff0c;但是如何做到不浮躁&#xff0c;老刘没有说。我想借着这个主题&#xff0c;简单谈一下自己的…

hasset java_java HashSet的使用

今天在写代码时想要使用HashSet&#xff0c;由于之前并不了解&#xff0c;就在网上查了一下原理及使用方法。HashSet原理该类实现了Set接口&#xff0c;HashSet中不允许元素重复&#xff0c;不保证集合中元素的顺序&#xff0c;元素可为null&#xff0c;但最多只能一个。对于 H…

Oracle tips

存储过程无法编译和抛掉&#xff01;&#xff01;我在一个项目组中与同事一起开发存储过程&#xff0c;碰到过其他人在调试存储过程时&#xff0c;我无法编译同一个存储过程的问题。但是&#xff0c;现在我使用pl/sql dev将其他的进程都杀掉后&#xff0d;&#xff0d;包括在调…

TCP拥塞控制机制

为了防止网络的拥塞现象&#xff0c;TCP提出了一系列的拥塞控制机制。最初由V. Jacobson在1988年的论文中提出的TCP的拥塞控制由“慢启动(Slow start)”和“拥塞避免(Congestion avoidance)”组成&#xff0c;后来TCP Reno版本中又针对性的加入了“快速重传(Fast retransmit)”…

java中类似sort_java中的Sort函数,你值得看

基于C语言中的sort如此这么方便&#xff0c;自然而然&#xff0c;java中也有类似C的sort函数。1.普通数组&#xff1a;Arrays.sort(数组名&#xff0c;开始位置&#xff0c;结束位置)。2.类中属性排序&#xff1a;模板&#xff1a;class A{int n;}class cmp implement Comparat…

明天启程去北京:)

去北京参加为期5天的微软sps培训&#xff0c;公司穷呀&#xff0c;所以只能做火车去了&#xff0c;17日下午到达北京&#xff0c;18日&#xff0d;22日5天培训&#xff0c;23日到青岛&#xff0c;呆两三天然后26日下午回家&#xff1a;&#xff09;有北京和青岛的朋友可以联系我…

多线程java 银行_Java 多线程 之 银行ATM实例

package com.thread;import java.util.Scanner;public class TestBank {public static void main(String[] args) {Bank bank new Bank();Thread lingming new Thread(bank, "李明");Thread wangtao new Thread(bank, "王涛");lingming.start();try {Th…

CSDN登陆校验码模式识别程序

下班后&#xff0c;吃饭前快速写了这么一个东西&#xff0c;以证明图片验证码的脆弱。防君子&#xff0c;不防XX。本来应该使用HTTP协议直接从CSDN的登陆页面DOWN校验图片的&#xff0c;因为时间仓促&#xff0c;所以没有仔细设计。只是做一个示例&#xff0c;还要麻烦大家手工…

C语言中整形数组、字符数组、字符串的区别

一、 第一 整型数组的存放&#xff0c;数组最后是不加\0的&#xff0c;字符串会自动加上&#xff0c;因此存放字符的时候数组的大小要比实际字符的多一个 第二 整型数组 每一个单元是4个字节的&#xff0c;字符串是一个一个字符存放的&#xff0c;每个字符占一个 二&#xff0c…

java hibernate 表关联_Hibernate多表关联

一、多对一进行关联(多个学生对应同一间宿舍)---学生是主体&#xff0c;宿舍是附体&#xff0c;关联关系在主体学生中设置&#xff0c;在学生类中设置宿舍类&#xff0c;由于宿舍类只有一个可以直接用类来设置,在映射学生类(User)中包含宿舍这个类(Room),在映射配置文件(User.h…

getchar、putchar、puts、gets

getchar(字符) 输入获取一个字符 putchar(字符) 输出控制台一个字符 scanf&#xff08;&#xff09;格式化输入 printf&#xff08;&#xff09; 格式化输出 gets(arr) 输入一个字符串给已经声明的数组arr puts(字符串或者字符数组名&#xff09;输出一个字符串 转载于:https…

关于异性朋友

听到别人在问一个问题&#xff1a;“可是你在大学里又有几个很要好的女性朋友&#xff1f;”   想到自己&#xff0c;却是一个没有。奇怪啊&#xff0c;我虽然木讷&#xff0c;但还不到白痴的地步&#xff0c;怎么会一个没有呢&#xff1f;思讨一下&#xff0c;明白了&#…

java全文检索工具_全文检索工具elasticsearch:第三章: Java程序中的应用

搭建模块创建二个项目gmall-list-service的appliction.properties:server.port8073spring.datasource.urljdbc:mysql://localhost:3306/gmall?characterEncodingUTF-8spring.datasource.usernamerootspring.datasource.passwordrootmybatis.configuration.map-underscore-to-c…

win10 多用户登陆

win10 多用户登陆 一般的直接下载就可以用了。 核心参考链接github 支持 1903 支持最新版本可以需要这个1903支持项参考页面 上述页面的下载文件页面1903支持页面 关于上述链接下载文件readme的解释 RDP Wrapper Library Updater --------------------------- <Add support …

DNN(DotNetNuke)注册用户终于突破10万人了,其3.0也终于跳票了...

是的&#xff0c;尽管我很不愿意&#xff0c;但的确是跳票了&#xff0c;或许跳票是软件开发的惯例了。据说会在圣诞节那天发布&#xff0c;也可能是月底&#xff0c;没有人知道&#xff1a;http://www.asp.net/Forums/ShowPost.aspx?tabindex1&PostID734458 不过&#xf…

java虚拟机MyEclipse_Eclipse和MyEclipse运行环境java虚拟机jvm设置,自己设置jre

Eclipse运行环境java虚拟机jvm设置&#xff0c;自己设置jre浅谈Eclipse寻找JVM(JRE)的顺序机制Eclipse也是一个普通的Java程序&#xff0c;因此必须有一个JRE做为运行环境。如果你的机器上没有安装任何JRE(或者JDK&#xff0c;本文不做二者的区分)&#xff0c;那么点击eclipse.…

初探机器学习之使用百度EasyDL定制化模型

一、Why 定制化模型 一般来说&#xff0c;各大云服务厂商只会提供一些最常见通用的AI服务&#xff0c;针对具体场景的AI应用则需要在云服务厂商提供的服务之上进行定制。例如&#xff0c;通常的图像识别只能做到分析照片的主题内容&#xff0c;而我的需求是给定指定场景的图片&…