动态绑定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 元素;如果用在子组件上,引用就指向组件实例。
网友评论