耗时近一个月,终于录完了VUE.JS2.0前端视频教程!
来源:互联网 发布:gradle java 版本 编辑:程序博客网 时间:2024/06/06 12:41
这次课录制的比较辛苦,圣诞节时原本已经快录制完成了,偶然的一次,播放了一下,感觉不满意,好几篇推倒重来,所以今天才结束。
vue.js2.0是Vue.JS的最新版本,视频教程还不多,如果你看到了,学到了些新知识,那么,也不枉我月余的辛苦了。
vue.js2.0实例:
vue2.0之vue实例生命周期
beforeCreate : 组件实例刚被创建,组件属性计算之前(data等)
created : 组件实例创建完成,属性已绑定,但DOM未生成,$el属性还不存在。
beforeMount : 模板编译/挂载之前
mounted : 模板编译/挂载之后
beforeUpdate : 组件更新之前
updated : 组件更新之后
activated : for keep-alive 组件被激活时调用
deactivated : for keep-alive 组件被移除时调用
beforeDestroy : 组件销毁之前
destroyed : 组件销毁之后
vue实例的属性和方法:
_uid
_isVue
$options
_renderProxy
_self
$parent
$root
$children
$refs
_watcher
_inactive
_isMounted
_isDestroyed
_isBeingDestroyed
_events
_updateListeners
_watchers
_data
msg
$vnode
_vnode
_staticTrees
$slots
$scopedSlots
$createElement
$el
constructor
_init
$set
$delete
$watch
$on
$once
$off
$emit
_mount
_update
_updateFromParent
$forceUpdate
$destroy
$nextTick
_render
_h
_s
_n
_e
_q
_i
_m
_o
_f
_l
_t
_b
_k
__patch__
$mount
1.
<template>
<div ref='bb'>
</div>
</template>
<script>
import Vue from 'vue';
let myvue = {
created:function(){
alert('创建dom');
//look(this);
for(let key in vv){
document.write(key);
document.write('<br/>');
}
},
mounted:function(){
alert('加载完成');
//alert(this.$refs.bb);
//look(this)
}
};
//export default myvue;
let vv=Vue.extend(myvue);
export default vv; //等价于export default myvue
// let vv = new Vue(myvue); //只创建不加载
// for(let key in vv){
// document.write(key);
// document.write('<br/>');
// }
注意:只有mount完成后Vue实例才有el
2.$el功能
let v1 = new Vue({
el:'#div1'
});
v1.$el.hidden=true;
for(let key in v1.$el){
console.log(key);
}
3.
var app = new Vue({
data: {
message : ''
}
})
可以直接通过:
app.message = 'xxx' //赋值
来改变data中出现的属性, 从而引发视图的变化。
注意只有这些被代理的属性是响应的。
如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。
例:
//带有前缀 $ 的属性会有特殊作用
var data = { a: 1 }
var vm = new Vue({
el: '#example',
data(){
return data;
}
})
vm.$data === data // -> true
vm.$el === document.getElementById('example') // -> true
vm.$watch('a', function(newVal, oldVal){
// 此方法在属性a改变后发生
})
技术交流QQ群号: 168108911
vue.js视频教程学习地址:http://edu.csdn.net/course/detail/3656
- 耗时近一个月,终于录完了VUE.JS2.0前端视频教程!
- vue.js2.0视频教程
- vue.js2.0完整视频教程12套
- 2017最新vue.js1.0/vue.js2.0视频教程共12套
- vue.js2.0环境搭建
- vue.js2.0自定义过滤器
- Vue.js2.0 入门实例
- 近一个月小结
- 近一个月学习计划
- vue.js2.0开发中的几个技巧
- Vue.js2.0之组件篇
- Vue.Js2.0建议学习路线
- vue.js2.0 自定义组件初体验
- Vue.js2.0_入门实例
- Vue.js2.0-饿了么商家
- Vue.js2.0到APP【HBuilder】
- 终于完整的走完了一个流程
- 终于完了~~
- Struts2框架调试时,控制台打印输出大量<mime-mapping>相关信息,解决方法
- JDK卸载官方文档
- 算法导论 第七章 快速排序
- WebSphere注意事项之equals和==(1)
- Mybatis的ResultMap的使用
- 耗时近一个月,终于录完了VUE.JS2.0前端视频教程!
- eclipse汉化
- php有以下输出语句:
- 自定义动态圆形ProgressBar_(二)
- SQL语句优化方案
- Java 异常处理的误区和经验总结
- PAT 乙级 1022 D进制的A+B (20)
- 简单选择排序
- Java基础 - 图论之相关定义