耗时近一个月，终于录完了VUE.JS2.0前端视频教程！

这次课录制的比较辛苦，圣诞节时原本已经快录制完成了，偶然的一次，播放了一下，感觉不满意，好几篇推倒重来，所以今天才结束。

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完整视频教程12套
0.1智能社vuejs(1-11章全套) 0.2英文版learing vuejs 0.3Vue.js实战小米阅读开发 0.4走进Vue.js2.0 0.5Vuejs教程45节课 0.6Vue.js+N ...
2018最新vue.js2.0完整视频教程12套
01:智能社 - VueJs(1-11章全) 02:m课网 - vue.js高仿饿了么(1-13章全) 03:m课网 - webApp书城整站开发(vue.js+koa) 04:网易课堂 - 走进vu ...
[转]Java面试近一个月的面试总结
本文是在学习中的总结,欢迎转载但请注明出处:http://blog.csdn.net/pistolove/article/details/46753275 前言打算换个工作,近一个月面试了不少的公司 ...
“近一个月”、“近三个月”这种查询如何处理更精确？
作者 | 宋广泽责编 | 胡雪蕊出品 | CSDN(ID:CSDNnews) 有的人认为,全都按一个月30天算,查询"近一个月"的数据就是以30天前的0时为起点,以当前时间为终 ...
.San（三）. Xia（峡）.近一个月调度过程图解简介
.San(三). Xia(峡).近一个月调度过程图解简介一.防洪库容 .San(三). Xia(峡).水库总库容393亿立方米,防洪库容221.5亿立方米,水库正常蓄水位175米,6月10日-9月3 ...
sql查询今天，近七天，近一个月，近一年的数量统计
示例如下,以下仅是做一个笔记: 查询今日数量:select count(1) from jwt_check_task where TO_DAYS(create_time) = TO_DAYS(NOW( ...
查询近一个月，一年，一周的数据
前言由于这几天遇到了一些关于查询的问题,主要还是筛选数据,客户要求我们提供一下最近一个月的数据,开始的时候一直在想思考到底怎么筛选,经过不断的思考,以及查询到网上的一些内容之后,发现了一位大佬很厉害 ...
sql查询近七天，近两周，近一个月的数据
sql查询近一周,近两周,近一个月数据: ***注意:***DATE(此处是你需要查询的表中关于时间的字段名) ,INTERVAL后的数字可以改变,想查询几天数据就可以查询近几天数据.其他部分固定. ...
oracle查询近一个月的数据
之前有总结过oracle的日期查询,查询今日.昨日.某天.本周等的数据,博客地址:https://blog.csdn.net/duan196_118/article/details/110805679 ...

耗时近一个月，终于录完了VUE.JS2.0前端视频教程！

耗时近一个月，终于录完了VUE.JS2.0前端视频教程！相关推荐

最新文章

热门文章