*.vue files with friendly
<script> tags to build componentized web app.
Now Weex and Vue has supported each other officially. Weex put Vue 2.x as its built-in JS Framework, and Vue has already been able to develop native mobile app.
In Weex, developers can use
<foo append="tree|node"> to customize the rendering granularity to balance different UI complexity and business logic in order to get the best first-paint performance.
append=tree means that the entire node, including all its child nodes, will be one-time rendered to native UI after all of the nodes generated completely. And
append=node means just render the current node itself first and its child nodes will be futher rendered later.
In Weex, we provide the same
v-model directive as web dev exprience for both
<textarea> components. Developers can write
<input v-model="message"> or
<textarea v-model="message"> to bind data
message and show it on the text box automatically. When user modifies the text box, the value of data
message will be automatically updated.
Weex supports the awesome
<transition> syntax in Vue 2.x. Developers can easily define the transition of an interface in both states with
Web development and native development, after all, there are some differences in functionality and development experience, which are essentially the differences between the native development platform and the Web platform, and Weex is trying to narrow the scope of this difference. See differences of Vue 2.x between Weex and web
We developed a complete project based on Weex and Vue 2.x which named weex-hackernews. It includes WeexSDK with Vue 2.x in iOS, Android and web. Also we use Vuex and vue-router. The whole project uses the same source code for three different platforms.