使用vue-select，从入坑到跳坑

Posted 2023-04-27

参考技术A

最开始使用 Vue-multiselect ，npm安装后，只有一个lib目录，这也是我怀疑此包不能使用的原因，根据官方文档，需要使用：

但是查了一下，chrome不支持此语法，所以借助babel转换为es5： Babel在线转换es6

然而，将下面的js（官方文档）转换后：

并不能在浏览器中使用，因为其中含有require()语句，这是node语法，需要commonJs环境，然后找到 Browserify ，可以转换js在浏览器中使用，但是转换过程中报错

没有安装vueify，查了一下：

又报错：

接着又安装了：

这些乱七八糟的库，这下终于转换成功了，但是，使用此js，浏览器还是报错了。
然后，按照 vueify 上面所说，写了
demo.vue:

invite.js:

继续转换编译，成功，然后刷新浏览器，这下好了，浏览器报了一大堆错误

永不言弃

学习vue组件和webpack：

在webpack-simple示例项目中修改，加入vue-multiselect，编译后各种错误，改成 Vue-select ，成功运行！哈哈哈！

使用 npm run build 编译出js文件！

在组件中使用vue-resource一直报错，最后使用axios：

根据表单控件动态变换后面的填写域，但是实际不会跟着改变。故采用 动态组件 。
但是又有问了，一开始conditions为计算属性，根据add_condition改变而改变，watch这个conditions只有第一次有用，改成深度监听也不行，改变策略，将conditions改为正常属性，watch add_condition和conditions，这下点加号conditions增加一个object，页面也跟着变化了。

webpack.config.js：

主要文件：
invite.js:

invite.vue:

invite.blade.php

全方位解析Java学习路线图，从入坑到年薪百万

↑↑Java语法基础 —> 小型项目练习 —> MySQL 更多学习内容均更新在专栏了，记得关注专栏哦 ↑↑

• 🍬JDBC：从CRUD开始，理解JDBC中的各个对象作用，掌握Druid的使用
• 🍬Maven从安装到手把手教学进行项目管理
• 🍬MyBatis完成代理方式查询数据以及核心文件配置、
• 🍬Mybatis：使用映射配置文件实现CRUD操作，能够使用注解实现CRUD操作
• 🍬Git学习第一天：了解Git基本概念
• 🍬Git第二天：Git安装与常用命令
• 🍬Git第三天：搭建Git远程仓库，并学会基本操作
• 🍬Git第四天：在IDEA中使用Git
• 😊SSM框架01：Spring的IoC和DI，以及手把手带你创建Spring核心配置文件

---

一、从“元宇宙”聊聊IT行业发展

啥是元宇宙？

元宇宙（Metaverse）是利用科技手段进行链接与创造的，与现实世界映射与交互的虚拟世界，具备新型社会体系的数字生活空间。

它整合了多种新技术而产生的新型虚实相融的互联网应用和社会形态，它基于扩展现实技术提供沉浸式体验，基于数字孪生技术生成现实世界的镜像，基于区块链技术搭建经济体系，将虚拟世界与现实世界在经济系统、社交系统、身份系统上密切融合，并且允许每个用户进行内容生产和世界编辑。

元宇宙是下一代互联网平台

互联网经历那些时代呢？

• 第一代互联网是PC互联网
• 第二代互联网是移动互联网
• 第三代互联网是万物互联（物联网）
• 第四代互联网是元宇宙

不管互联网的呈现形态是怎样的，归根到底都是使用程序代码实现的，且越是高级的形态越是需要复杂的逻辑计算与数据分析。不管是哪个互联网时代，基本的互联网交互模型是一样的，如下：

上图中最核心的部分也就是服务器端项目，而这个项目可以使用很多语言去开发，但是市场占有率最高的还是Java语言。

二、后端开发王者语言“Java”

目前，全球Java开发人员预估520万人，亚洲大约有250万Java开发人员，国内 Java 作为主要语言的开发人员所占的百分比51%，世界第一。

Java从业人员职业职位发展：

• 初级开发工程师
• 中级开发工程师
• 高级开发工程师
• 技术专家
• 高级技术专家
• 研究员
• 技术总监
• 架构师
• CTO
• 技术VP
• 技术合伙人

三、从后端架构演变聊聊技术栈

虽然我们还没有根深蒂固的Java基础和经验，但是架构的演变都是随着业务和数据的变化而变化的，所以我们就从业务和数据的角度跟大家聊聊架构的演变。当然聊之前，在把上面的互联网的一般模型给大家重新看一下，如下：

互联网从起初，伴随业务的发展，数据量越来越多，起初就是“摸着石头过河”，在实践中找答案，并没有成型的指导性的架构理论。随着20多年的互联网项目经验的沉淀，我们总结了架构演变的三个大的方面：

第一方面：从部署层面去看，从集中式到分布式，从物理部署到云化；

第二方面：从业务层面去看，从单一项目到垂直拆分，从服务治理到微服务；

第三方面：从数据层面去看，从单个数据库到集群，从单一关系型数据库到多样化存储。

3.1 单机器时代

3.2 业务和数据分离

3.3 加入数据缓存

3.4 应用集群部署

3.5 读写分离

3.6 分库分表

3.7 动静分离

3.8 异构数据

3.9 业务线拆分

以上架构的演进，基础设施层面的优化几乎达到了天花板，接下来，需要从业务和应用层面进行架构上的升级

3.10 服务化

。。。。。。 。。。。。。

四、Java学习路线图详解

。。。。。。 。。。。。。

四、Java学习路线图详解