How much does Android data encryption slow down your smartphone?

Question

Vue.js

When choosing a smartphone, one of the most important conditions for me is the ability to encrypt data on the device without a significant loss in performance. The device is lost or stolen - it means that personal information will not fall into the hands of strangers. In this regard, the iPhone is preferable for me, due to the presence of a hardware encryption module.
Previously, I used a Sony Xperia ZL (C6503) smartphone, and when system encryption (Android 5.1) was activated, performance dropped noticeably, and the device itself heated up faster. I have never used newer Android devices.
1) How is the situation with encryption in Android, for example, version 7, in practice now? Does performance drop? Interested in real use cases.
2) Are there Android smartphones with hardware encryption modules?

Answer 1

Let's teach the component to work with the v-model.
Let's add the value parameter - the index of the item to be shown:

props: {
  value: Number,
  ...

computed: {
  item() {
    return this.items[this.value];
  },
  ...

<transition name="slide-fade" mode="out-in">
  <div class="content" :key="value">
    <h2>{{ item.title }}</h2>
    <p>{{ item.text }}</p>
  </div>
</transition>

To change the displayed item, we will send a new index to the parent component:

methods: {
  next(change) {
    const len = this.items.length;
    this.$emit('input', (this.value + change + len) % len);
  },
  ...

<button @click="next(-1)">Prev</button>
<button @click="next(+1)">Next</button>

Well, in the parent, it remains to associate some of its properties with an instance of the slider component:

data: () => ({
  active: 1,
  ...

<v-slider
  v-model="active"
  ...

https://jsfiddle.net/5runc0db/