公司有个项目,要做移动的SPA,想要尝试使用Vue.js来制作,但是目前有几点疑问,不确定Vue.js是否适用。
1.Vue.js是否适合移动端
2.Vue.js做移动端的SPA,转场动画是否有相关的解决方案
3.Vue.js是否有适合移动端的组件
回复内容:
可以,完全可以。技术选型是这样:
vue+vue-strap+babel(es6)+webpack+vue-router
相关文档:
起步 - vue.js
介紹 | vue-router文档 npm package
yuche/vue-strap · GitHub
webpack module bundler
我写了个种子文件,题主可以参考(把seed打成feed了请无视)
leinue/vue-feeds · GitHub
运行使用:
<span class="n">npm</span> <span class="n">run</span> <span class="n">dev</span>
1.vue非常适合在移动端使用。2.vue当然有很易用的过渡系统过渡效果 - vue.js
3.vue可以很方便地直接使用现有的一下组件,这个是最近发布的vue bootstrap 组件https://github.com/yuche/vue-strapvue1.0发布的了,很快会有很多组件出来吧。 个人感觉SPA单页应用最主要的是router,有router就可以搞了吧
1.Vue.js是否适合移动端
适合,vue的强大就是他够灵活,适合不同的业务类型,轻量的:vue+vue-resource,就可以跑了,
然后根据自己的需要加:vue-router,vue-loader,
2.Vue.js做移动端的SPA,转场动画是否有相关的解决方案
例子:lazyhero/vue-spa-demo · GitHub3.Vue.js是否有适合移动端的组件
github上有不少:Search · vue · GitHub最后福利,vuejs高质量群:364912432,禁发无意义大gif,非喜勿加。 说个与Vue.js无关,但是与兼容性有关。
一般来说技术选型是要考虑面向群体的。
如果对象是程序员就可以使用各种技术。
如果要考虑兼容低版本Android,即早期浏览器,还是用jQuery。 可以参考我的案例,很容易上手。GitHub - shinygang/Vue-cnodejs: 基于vue.js重写Cnodejs.org社区的webapp. 在楼上各位的答案指引下,个人亲自体验过,vue.js做移动webapp非常合适,而且开发过程思路非常清晰。这段时间新鲜出炉了项目:GitHub - Geocld/vue-vueRouter-note-Firebase-mobile: 一个基于vue.js和Firebase制作的笔记spa(mobile端),UI库使用light7,页面切换使用vue-router。
app很简单,使用vuejs自不必说,组件开发模块管理使用vue-loader、webpack,页面切换以及过场动画使用vue-router,在app开发过程只需关注app的数据走向即可,另外可以搭配各类UI库让你的应用更加美观,正如楼上答过的,使用SUI或Framework7都可以,我使用的是Framework7一个分支版本light7(因为后续的功能补充可能用到jQuery。如果涉及数据后台同步可以配合后端语言进行开发,我选用了Google现成的Firebase作为数据存储端。 Vue在DOM渲染上的效率相比ng、react要高很多,有人跑过分。路由和模块化+webpack就可以了,UI组件的话推荐Vux 个人觉得,只要支持
1. mvvm
2. frontend router
的框架,其实就都挺适合webapp的
不确定楼主的spa最终会不会打包成真正的app
如果是,相对vue,其实我更推荐ionic + angularjs
ionic毕竟对webapp做了很多优化,而且提供了一些css + js的builtin,更适合新手一些 vue很轻量,灵活,易定制,很适合移动端的开发,个人比较喜欢vue写组件的方式
参考项目:eteplus/vue-sui-demo: 用VUE 和 SUI-Mobile 写了一...

vue中props可以传递函数;vue中可以将字符串、数组、数字和对象作为props传递,props主要用于组件的传值,目的为了接收外面传过来的数据,语法为“export default {methods: {myFunction() {// ...}}};”。

本篇文章带大家聊聊vue指令中的修饰符,对比一下vue中的指令修饰符和dom事件中的event对象,介绍一下常用的事件修饰符,希望对大家有所帮助!

如何覆盖组件库样式?下面本篇文章给大家介绍一下React和Vue项目中优雅地覆盖组件库样式的方法,希望对大家有所帮助!

react与vue的虚拟dom没有区别;react和vue的虚拟dom都是用js对象来模拟真实DOM,用虚拟DOM的diff来最小化更新真实DOM,可以减小不必要的性能损耗,按颗粒度分为不同的类型比较同层级dom节点,进行增、删、移的操作。


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

WebStorm Mac version
Useful JavaScript development tools

DVWA
Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver Mac version
Visual web development tools

Notepad++7.3.1
Easy-to-use and free code editor
