vue知识小结

动态绑定class

第一次加载触发哪些钩子

beforeCreate,created,beforeMount,mounted

每个钩子函数都在什么时候触发


在这实例初始化之后beforeCreate

实例已经创建完成之后调用created

在挂载开始之前被调用beforMount

vue指令

v-for v-if  v-bind 绑定一个属性 v-model双向绑定

vue.cli src每个文件夹和文件的用法

assets 静态资源

components 组件

router 是定义路由相关配置

view 视图

app.vue 是一个应用组件

main,js 是入口文件

计算属性和watch区别

compoted用来声明的描述一个值依赖他的值,当你在模板里吧数据绑定到一个计算属性上市,vue会在其依赖的任何值导致该计算属性改变更新dom

wach监听的是你的定义的变量,当你定义的变量发生变化是调用对应的方法。

prop验证和默认值

我们在父组件给子组件传值的时候 为了避免不必要的错误 可以H给prop的值进行雷翔设定,让父组件给子组件传值的时候,更加准确

vue通信方式

父组件传子组件

父:自定义属性名+数据=》:value=“数据”

子:props【"父组件上的自定义属性名"】=>进行数据接收

子传递父

在父组件中注册子组件并在子组件标签上绑定自定义事件的监听

子:this.$emit(“自定义事件名称”,数据)

父:methods:{自定义事件}

兄弟组件

通过中央通信let bus=new Vue()

A:methods:{函数{bus.$emit(‘自定义事件’,数据}

b:created(){bus.$on('A发送过来的自定义事件",函数} 进行数据接收

vue路由传参数


使用query方法传入的参数使用this.$route.query


使用params方式传入的参数使用this.$route.params接收

vuex是什么?有哪些属性

是状态管理模式

有5中属性

state,getter,mutation,action,module

vue的特点

1,组件化 ,可以重复使用

2.界面简洁 是有html json vue实例组成

3.轻量级:代码量小

4.快速:精确有效的批量更新demo

5.模板友好 可以同npm 等安装

scss是什么

预处理css

vuex的store是什么?

vuex就是一个仓库,仓库里放了很多对象,其中state就是数据源存放,对应于一般vue里面的

datastate里面存放的数据是响应式的,vue组件从store读取数据,若是store中的数据发生改变,依赖这项数据的组件也会发生更新他通过mapstate把全局的state和getters映射当前组件computed计算属性

veux的getter是什么

getter可以对state进行计算操作,他就是store的计算属性

mutation是什么

更改vue store的唯一方法是mutation

action是什么

可以包含任意异步操作 vue 中 ajax 请求代码

module 是什么?

vuex的store对象分割成模块(modules)。

vue中的 ref 是什么?

ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例。

你可能感兴趣的:(vue知识小结)