[vue]vue笔记

vue指令v-*

v-bind:property ==> :property
若是绑定的是常量可以直接写property，但是若是property的值如果是对象
还是需要写成:layout=“{layout: ‘inline’}”

v-once 只是用第一次获取的值

v-if 不渲染

v-show 一直渲染，只是不展示 display：none

vue单文件

同一个vue文件中可以包含

lang=“scss”:设定编译的style语言
scope：全局范围的样式影响
scoped：样式可以传递到子组件样式

样式设定

样式在属性中 可以写为：
：style=“{‘backGround’:‘#ffff’}”
：style=[backGround,backDDGround]
:class={‘backGroundDD’:true}
若是class为多个可以写为方法
:class=“getClass”

vue2.x中 filter

Vue.filter(“myfilter”,filter)

{{variable|myfilter}}

对variable做出myfilter的处理

vue3.x绑定动态的属性或者事件

<a v-bind:[attributeName]=“url”> …
attributeName是一个动态值

<a v-on:[eventName]=“doSomething”> …
eventName是一个动态事件，例如focus/click

注意，参数表达式的写法存在一些约束