the newcomer just started to learn that vue, wants technology_Chinese variable display technology, technology_English variable display develop, error, how to solve?
import Vue from "vue/dist/vue.common.js";
<template>
<div class="title_div">
<div class="space_div">
</div>
<div class="technologyChinese">
{{technology_Chinese}}
</div>
<div class="technologyEnglish">
{{technology_English}}
</div>
</div>
</template>
<script>
let technologyChinese = new Vue({
el: ".technologyChinese",
data: function(){
return { technology_Chinese: ""}
},
beforeMount: () => {
//
},
mounted: function () {
//console.log(li.length) // 5
},
methods: {
getList: function () {
const _self = this;
let data = [
{ name: "1", age: "21" },
{ name: "2", age: "22" },
{ name: "3", age: "23" },
{ name: "4", age: "24" },
{ name: "5", age: "25" }
];
_self.$set(_self, "abc", data);
}
}
})
let technologyEnglish = new Vue({
el: ".technologyChinese",
data: function(){
return { technology_English: "develop"}
},
beforeMount: () => {
//
},
mounted: function () {
//console.log(li.length) // 5
}
})
</script>
<style src="./assets/styles/index.scss"></style>