vue只有一个根标签的原因：1、从查找和遍历DOM的角度来说，如果有多个根，那么查找和遍历DOM的效率会很低；2、从Vue本身来说，如果说一个组件有多个入口多个根，那就意味着用户的组件还可以进一步拆分成多个组件，进一步组件化，会降低代码之间的耦合程度。

用到的技术：1、vue.js，vue-cli工程的核心，主要特点是双向数据绑定和组件系统；2、vue-router，路由框架；3、vuex，vue应用项目开发的状态管理器；4、axios，用于发起GET、或POST等http请求；5、vux，专为vue设计的移动端UI组件库；6、emit.js，用于vue事件机制的管理；7、webpack，模块加载和vue-cli工程打包器。

“vue-cli”和vue的区别：vue是“vue.js”的简称，是一个成熟的用于构建用户界面的JavaScript渐进式框架，而“vue-cli”是vue基础上进行开发的工具系统，是vue框架的一个命令工具。

区别：1、vue2的双向数据绑定利用了ES5的API Object.definePropert()，而vue3中使用了es6的API Proxy；2、Vue3支持碎片，而vue2不支持；3、 Vue2使用选项类型API，而Vue3使用合成型API；4、建立数据，vue2把数据放入data属性中，而Vue3使用setup()方法；5、vue3有Teleport组件，vue2没有。

vue不是前端css框架，而是前端JavaScript框架。Vue是一套用于构建用户界面的渐进式JS框架，是基于MVVM设计模式的前端框架，且专注于View层。Vue.js的优点：1、体积小；2、基于虚拟DOM，有更高的运行效率；3、双向数据绑定，让开发者不用再去操作DOM对象，把更多的精力投入到业务逻辑上；4、生态丰富、学习成本低。

在vue中，指令是带有“v-”前缀的特殊特性（属性），指令特性的值预期是单个JavaScript表达式，语法为“v-指令:参数="表达式"”。Vue作用于HTML元素，指令提供了一些特殊的特性，将指令绑定在元素上时，指令会为绑定的目标元素添加一些特殊的行为；因此可以将指令看作特殊的HTML特性。

我们知道setup函数是组合API的核心入口函数,下面这篇文章主要给大家介绍了关于Vue3中SetUp函数的参数props、context的相关资料,需要的朋友可以参考下。

vue只有一个根标签的原因：1、从查找和遍历DOM的角度来说，如果有多个根，那么查找和遍历DOM的效率会很低；2、从Vue本身来说，如果说一个组件有多个入口多个根，那就意味着用户的组件还可以进一步拆分成多个组件，进一步组件化，会降低代码之间的耦合程度。