美文网首页
vue知识小结

vue知识小结

作者: 白菜_37e2 | 来源:发表于2019-07-19 18:32 被阅读0次

动态绑定class

<div :class="active:isActive" :style=“{color:item.a}”></div>

第一次加载触发哪些钩子

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知识小结

    动态绑定class 第一次加载触发哪些钩子 beforeCreate,created,beforeMount,mo...

  • Vue知识小结

    一、Vue生命周期 生命周期:从Vue实例创建、运行、到销毁期间,伴随着各种事件,这些事件,统称为生命周期生命周期...

  • Vue重要知识小结

    vue sync修饰(1)双向数据绑定,父子组件之间信息的交互1⃣️在自组件中使用this.emmit('toFa...

  • Vue知识点小结

    Element-ui之ElScrollBar组件滚动条的使用 文档中并没有关于这个 scrollbar组件的使用文...

  • (vue)vue知识点小结(1)

    基础知识: vue的生命周期:beforeCreate/created、beforeMount/mounted、b...

  • 2018-11-21

    vue-cli 3.0 使用小结 个人使用 VUE-CLI 3.0 碰到一些问题,用作记录 VUE-CLI 3.0...

  • Vue 2.3、2.4 知识点小结

    原文连接 blog , 本文不涉及 SSR. 2.3 参考 https://github.com/vuejs/vu...

  • vue小结

    使用vue也好几个月了,今天有空,小结一下。 1.路由router,代码解释,如图1-0所示,router的ind...

  • vue小结

    1.vue常用对象 2. Vue中watch的用法 (1)监听route使用场景:当两个路由指向同一个组件是,修改...

  • vue小结

    1.尽量传整个对象,然后在item里取对象的属性

网友评论

      本文标题:vue知识小结

      本文链接:https://www.haomeiwen.com/subject/snkslctx.html