扫一扫分享
构建跨平台原生vue Native 是一个使用 JavaScript 构建跨平台原生移动应用程序的框架。它是 react Native 的 api 的包装器。因此,使用 Vue Native,您可以做所有使用 React Native 可以做的事情。使用 Vue 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>
手机预览