vue知识点备忘
1. scoped代表以下样式仅在当前页面有效,防止样式被复用
2.阿里图标签 每次新增图标后,刷新复制新的链接粘贴在此处
v-bind,v-on的缩写:
- v-bind: 用于绑定 html 属性
- v-on: 绑定一个事件监听器,通过它调用我们 Vue 实例中定义的方法
<!-- 完整语法 -->
<a v-bind:href="url"></a>
<!-- 缩写 -->
<a :href="url"></a>
<!-- 完整语法 -->
<a v-on:click="doSomething"></a>
<!-- 缩写 -->
<a @click="doSomething"></a>
methods 和computed 区别:
- 计算属性(computed)是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。这就意味着只要 message 还没有发生改变,多次访问reversedMessage 计算属性会立即返回之前的计算结果,而不必再次执行函数。
- methods:每当触发重新渲染时,调用方法将总会再次执行函数。
example:
- 构造 Vue 实例时传入的各种选项大多数都可以在组件(component)里使用。只有一个例外:component里面的 data 必须是函数。
v-if,v-show区别:
notice:
Vue.nextTick()
- 获取更新后的DOM的Vue方法。放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码.