以下是video组件的常用属性及其说明：src：视频的资源地址。duration：指定视频的时长，单位为秒。controls：是否显示默认播放控件。danmu-list：视频的弹幕列表。danmu-btn：是否显示弹幕按钮。enable-danmu：是否允许弹幕。

在CSS中，要使文本超出部分显示为省略号，可以使用以下属性：overflow: 设置当对象的内容超过其指定高度及宽度时如何处理内容。text-overflow: 设置或检索是否使用一个省略标记（...）标示文本溢出。white-space: 设置或检索对象内文本显示的方式。width 或 max-width: 设置元素的宽度。

Vuejs 3 webpack：vue-template-compiler编译程序报异常；Vue packages version mismatch:vue@3.0.2vue-template-compiler@2.6.12vue-template-compiler/package.json)If you are using vue-loader@>=10.0, simply update vue-template-compiler.If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

laravel中使用laravel-ui框架，还用到Bootstrap，使用如下命令来引入Bootstrap报异常，Error: Cannot find module 'webpack-cli/package.json'Please run "npm install && npm run dev" to compile your fresh scaffolding.

当 v-bind:style 使用需要添加浏览器引擎前缀的 CSS property 时，如 transform，Vue.js 会自动侦测并添加相应的前缀。

v-bind:style 的数组语法可以将多个样式对象应用到同一个元素上

v-bind:style 的对象语法十分直观——看着非常像 CSS，但其实是一个 JavaScript 对象。CSS property 名可以用驼峰式 (camelCase) 或短横线分隔 (kebab-case，记得用引号括起来) 来命名

当在一个自定义组件上使用 class property 时，这些 class 将被添加到该组件的根元素上面。这个元素上已经存在的 class 不会被覆盖。

我们可以把一个数组传给 v-bind:class，以应用一个 class 列表

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。