vue知识点

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代码.