2016 - 2024

感恩一路有你

vue引入普通js vue搭配什么做前端开发比较好?

浏览量:2433 时间:2021-03-13 11:54:27 作者:admin

vue搭配什么做前端开发比较好?

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

1、如果你是在做pc端的应用,最好的选择是ElementUI。

npm i element-ui -S

最简单的UI写法:http://element-cn.eleme.io/#/zh-CN/component/installation

2、APP mobile应用的话,最好选择AUI或ionIc

文档:http://www.auicss.com/doc/v/2/doc_id/1

AUI 2.0是一套全新的AUI框架,在1.X基础上进行了重新架构。在2.0中,全局使用rem控制尺寸,完美适应不同分辨率移动设备;新加入的主题样式表方便开发者自定义基础颜色样式,完成APP主题的定制。完美兼容IOS 5.1 到Android 4.2 。因此我认为他是一款不错的UI插件。

iview如何实现路由跳转?

iView作为一个基于Vue的UI组件库,提供了常用的UI组件,并且在不断完善中,也被阿里巴巴、腾讯、百度、头条(字节跳动)、美团、滴滴等大公司使用,但它毕竟只是一个UI组件库,自身是不具备路由跳转功能的。

要做路由跳转的话,还是要用Vue的Vue-router插件。Vue-Router是Vue官方的路由管理器,和Vue核心深度集成,提供了嵌套路由、命名视图、命名路由、编程式导航等基本功能和导航守卫、数据获取、路由懒加载等多种高级功能,满足单页面的路由需求。总结来说,其包含的功能有:

  • 嵌套的路由/视图表
  • 模块化的、基于组件的路由配置
  • 路由参数、查询、通配符
  • 基于 Vue.js 过渡系统的视图过渡效果
  • 细粒度的导航控制
  • 带有自动激活的 CSS class 的链接
  • HTML5 历史模式或 hash 模式,在 IE9 中自动降级
  • 自定义的滚动条行为

既然是插件,在使用前就需要先安装。安装好之后,先在

main.js

文件里面引入,如下图所示:

然后在

app.vue

里写明:

然后就可以使用路由跳转了,具体使用方法请参考官方文档:https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html


以上就是我的回答,希望能帮到你。

Vue pc端UI组件库有哪些?

vue PC端UI组件库

1、Element『github star 45.6K』

饿了么团队开发的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 桌面端组件库。

2、iView『github star 23.3K』

一套基于 Vue.js 的高质量UI 组件库。目前统计使用 iView 组件库的大厂有:今日头条、阿里巴巴、腾讯、百度、京东、滴滴、美团、新浪...

3、Vuetify『github star 25.8K』

基于Vue.js的Material Design组件框架。包含手工制作的精美材料组件。不需要设计技能,也能创建令人惊叹的应用程序。

4、Quasar『github star 14.9K』

基于Vue.js的开源框架,允许Web开发人员快速创建多种类型的responsive 网站/应用,编写代码一次并同时将其部署为网站、移动应用或Electron应用。

5、Ant Design Vue『github star 10.5K』

基于 vue.js 和 Ant Design 样式的 UI组件库,开发和服务于企业级产品。

6、BootstrapVue『github star 11.6K』

基于 Bootstrap v4 Vue.js 的前端 UI 框架。基于flexbox弹性布局,用于在web上构建响应式,移动优先的项目。

7、Muse-UI『github star 8.1K』

基于 Vue 2.0 优雅的 Material Design UI 组件库。

vue组件化开发怎么引入外部js文件?

这里的组件化开发是使用什么??

vue-loader么...

如果是vue-loader可以通过 require来引入就可以

比如Js文件写到assets/js中

在main.js中可以 require("./src/assets/xxx.js")

如果只是单页面html,可以直接引入就行了

vue引入普通js iview实例教程 vue引入组件的方式有几种

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。