vue基础

1 语法糖==简写

2 渐进式：可以单个页面使用vue，也可以混合其他语言开发

声明式开发

3响应式：数据改变视图

1. 1. 可复用组件
   2. 前端路由技术 vue-router
   3. 状态管理states
   4. 虚拟dom
   5. mvvm  
   6. data   是个函数    理由：函数作用域  防止数据污染
   7. 请求网络   axios

4 总结： 

 

一  this.$netTick：告诉你dom元素渲染完成了，可以用了。

 

1.this.$netTick(function(){})是有用的，尤其是使用第三方框架，并且操作dom元素。这里有2种情况：

 

   1）vue实例中的dom没有渲染完成：（v-if='false'/在mounted钩子函数之前调用模板dom）->

 

       操作dom的时候要用this.$nextTick(function(){dom元素动作})

 

   2） vue实例中的dom已经渲染完成：（v-show='false/true' /在mounted钩子函数之中及其之后调用模板dom）-》

 

       随意操作,不用用this.$nextTick()

 

二   改变一个数组的元素或者增加数组元素，视图没有立即更新：->

 

$set() 方法相当于手动的去把 obj.b 处理成一个响应式的属性，此时视图也会跟着改变了：this.$set(this.arr/this.obj,index/key,newItem)

 

 

 

三  vue 页面数据闪烁->

 

1 v-cloak

 

<div class="#app" v-cloak>

 

    <p>{{value.name}}</p>

 

 

  然后，在css里面要添加

 

[v-cloak] {

 

    display: none ！important;

 

}

 

2 添加load图片，并在mounted钩子函数中隐藏

props => methods =>data => computed => watch;

 

 

1子组件给父组件传多个值

子组件传出单个参数时：

// 子组件 this.$emit('test',this.param)

// 父组件 @test='test($event)

子组件传出多个参数时：

// 子组件 this.$emit('test',this.param1，this.param2, this.param3)

// 父组件 arguments 是以数组的形式传入 @test='test(arguments)

//arguments 不能该名称，必须是arguments