简介2.

Vue是一个流行的JavaScript框架适合用于构建交互式的Web界面。

Vue的核心特性是响应式数据、组件系统、模板语法和虚拟DOM。

Vue提供了许多有用的工具和库例如路由、状态管理、指令、过滤器、过渡效果等。

Vue3相关技术栈

的可读性和可维护性引入了类Class的概念Node.js跨平台的

JavaScript

应用程序中实现页面间的导航和路由管理Pinia通过状态管理实现组件数据传递Axios在

Vue.js

jQuery优点是简化了DOM操作缺点是频繁操作DOM影响前端性能。

Angular将后台的MVC模式搬到了前端增加了模块化开发的理念对后台程序员友好对前端程序员不太友好。

React在内存中模拟DOM操作有效的提升了前端渲染效率缺点是使用复杂。

Vue综合了Angular模块化和React虚拟DOM的优点。

Vue核心内容

时不涉及“构建步骤”。

这使得设置更加简单。

但是无法使用单文件组件

(SFC)

srchttps://cdn.bootcdn.net/ajax/libs/vue/3.3.13/vue.global.prod.js/script

/head

通过Vue框架使挂载的id可以使用app内定义的变量和方法Vue.createApp(app).mount(#app)

/script

srchttps://cdn.bootcdn.net/ajax/libs/vue/3.3.13/vue.global.prod.js/script

/head

}}}Vue.createApp(app).mount(#app)

/script

srchttps://cdn.bootcdn.net/ajax/libs/vue/3.3.13/vue.global.prod.js/script

/head

0}}}Vue.createApp(app).mount(#app)

/script

srchttps://cdn.bootcdn.net/ajax/libs/vue/3.3.13/vue.global.prod.js/script

/head

},]}}}Vue.createApp(app).mount(#app)

/script

srchttps://cdn.bootcdn.net/ajax/libs/vue/3.3.13/vue.global.prod.js/script

/head

0}}}Vue.createApp(app).mount(#app)

/script

srchttps://cdn.bootcdn.net/ajax/libs/vue/3.3.13/vue.global.prod.js/script

/head

placeholder请输入……/textareap输入内容:

data.message2

}}}}Vue.createApp(app).mount(#app)

/script

srchttps://cdn.bootcdn.net/ajax/libs/vue/3.3.13/vue.global.prod.js/scriptscript

srchttps://cdn.bootcdn.net/ajax/libs/axios/1.6.2/axios.js/script

/head

v-modeldata.baseAccountQueryVo.accountName/pbutton

clicksubmitForm查询/button/divhrdivdiv

v-foritem

{axios.post(http://127.0.0.1:8081/test/api/baseAccount/list,this.data).***n(response

{this.items

response.data.baseAccountQueryVos;}).catch(error

{console.log(error);});}}}Vue.createApp(app).mount(#app)

/script