vue基础
1 语法糖==简写
2 渐进式:可以单个页面使用vue,也可以混合其他语言开发
声明式开发
3响应式:数据改变视图
- 可复用组件
- 前端路由技术 vue-router
- 状态管理states
- 虚拟dom
- mvvm
- data 是个函数 理由:函数作用域 防止数据污染
- 请求网络 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子组件给父组件传多个值
子组件传出单个参数时: