vue使用过程中遇到的细节问题

1. 在methods 中添加一个方法。如果这个方法使用箭头函数的话，箭头函数中的this不是当前的vue实例，所以通过this.xxx是获取不到实例上面的属性的，这时我们可以用函数的简写来获取到实例上面的属性

2. vue中的v-for循环不能放在根元素上 以下是示例

 

<template>
        <div class="schedule" v-for="cur in schedule">
           {{ 我是例子 }}
        </div>
</template>

 

3. 当 v-bind:style 使用需要特定前缀的 CSS 属性时，如 transform ，Vue.js 会自动侦测并添加相应的前缀。

注： 写好例子后用IE 火狐等浏览器打开，然后看控制台上样式

4. 多重值 未用到目前

从 2.3.0 起你可以为 style 绑定中的属性提供一个包含多个值的数组，常用于提供多个带前缀的值：

<div :style="{ display: ['-webkit-box', '-ms-flexbox', 'flex'] }">

这会渲染数组中最后一个被浏览器支持的值。在这个例子中，如果浏览器支持不带浏览器前缀的 flexbox，那么渲染结果会是 display: flex。

 

转载于:https://www.cnblogs.com/qinmengjiao123-123/p/7233367.html