构建跨平台原生Vue Native 是一个使用 JavaScript 构建跨平台原生移动应用程序的框架。它是 React Native 的 API 的包装器。因此，使用 Vue Native，您可以做所有使用 React Native 可以做的事情。使用 Vue Native，您可以获得

• Vue.js 的简单性。在单个文件组件中使用熟悉的 HTML 和 CSS 语法逐步构建用户界面。
• 与 React Native 无缝互操作。使用开箱即用的带有 Vue.js 语法的核心 React Native 组件在 iOS 和 Android 上开发移动应用程序。

Vue Native编译到React Native

Vue Native依赖React Native。当你使用vue-native-cli初始化一个新的app，入口文件是App.vue。 就像.js文件一样，你可以用很多.vue文件来组合一个.vue文件。

实际上，所有的.vue文件到翻译到以.js后缀的React Native组件。

双向绑定的例子

Vue Native同样支持使用v-model来做数据双向绑定。

<template>
   <text-input v-model=”name” />
</template>
<script>
export default {
 data: function() {
   return {
     name: "John Doe"
   };
 }
};
</script>

循环

你可以使用v-for指令来写循环，和JavaScript的map类似。

<template>
   <view>
    <text v-for=”name in names” v-bind:key="name">{{name}}</text>
   </view>
</template>
<script>
export default {
 data: function() {
   return {
     names: [“Gaurav”, “Neeraj”, “Sanket”, “Neeraj”]
   };
 }
};
</script>

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/3643