vue了解+1
定义样式类：
:class="{'class1': use，'class2‘：flag’}"
对象循环：
同时获取对象的key和value
<li v-for="(value, key) in object"> {{ key }} : {{ value }} </li>
点击事件：
<div id="app">
<!-- 这两个 one() 和 two() 将执行按钮点击事件，执行one后立即执行two -->
逗号分开事件
<button @click="one($event), two($event)"> 点击我 </button>
</div>
<script>
const app = {
data() { },
methods: {
one(event) {
alert("第一个事件处理器逻辑...")
},
two(event) {
alert("第二个事件处理器逻辑...")
}
}
}
Vue.createApp(app).mount('#app')
</script>
混入 (mixins)：(之前zhuzhu后台有使用过)
ex：
// 定义混入对象
const myMixin = {
created() {
this.hello()
},
methods: {
hello() {
console.log('实例Mixin!')
}
}
}
// 定义一个应用，使用混入
const app = Vue.createApp({
mixins: [myMixin]
})
app.mount('#app')
Ajax（axios）执行多个并发请求：
ex：
function getUserAccount() {
return axios.get('接口地址');
}
function getUserPermissions() {
return axios.get('接口地址');
}
使用axios.all方法，传递多个使用数组中间使用逗号分隔
axios.all([getUserAccount(), getUserPermissions()]) .then(axios.spread(function (acct, perms) {
axios.spread 方法。该方法是接收一个函数作为参数，返回一个新的函数。接收的参数函数的参数是axios.all方法中每个请求返回的响应。
// 两个请求现在都执行完成
}));
