vue引入普通js vue搭配什么做前端开发比较好?
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引入组件的方式有几种
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。