vue基础知识(部分归纳)

基本的插值表达式

{{}} 在这个插值表达式里面可以出现任意表达式、三元表达式等等。但是不能使用if/for语句。不能在标签属性中使用。

生命周期钩子函数

beforeCreate、created 、beforeMount 、mounted、beforeUpdate、updated、beforeUnmount、unmounted

常见的指令

v-bind v-on
v-if v-show v-for
v-model /语法糖 <input :value=’text’ @input=’ text = $event.target.value ’
v-text == 插值 v-html v-slot插槽名 (可选，默认值是 default)
v-pre 直接写，不需要表达式。跳过这个元素和它的子元素的编译过程。

计算属性和watch

computed的get(){} 和set(newvalue){}方法。
计算属性将基于它们的响应依赖关系缓存，算属性只会在相关响应式依赖发生改变时重新求值。
watch 解决新旧值一样的办法，添加computed
// 立即处理 进入页面就触发 immediate: true

事件修饰符

style和class

动画

默认动画是v-开头，如果想设置自定义的开头。需要在template标签上设置name属性，它的属性值就是动画的开头。

组件注册方式，组件参数传递方式

全局组件和局部组件。app.component(‘组件名’,{ template:’’,… })
组件传递的方式props emit provide/inject

访问组件实例时，是要函数返回对象的形式：

普通数据：

孙子接收：

vuecli的结构目录

路由的常见标签和跳转方式

redirect 重定向

vuex