构建跨平台原生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
