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方法中每个请求返回的响应。

　　　　　　// 两个请求现在都执行完成

　　　　}));