本文详细介绍了Vue.js中的数据绑定和方法使用，包括el挂载点、data的定义（推荐使用函数）、methods中事件处理函数的正确书写方式，以及组件的多种创建方式。同时讲解了生命周期钩子，如created、mounted等，和props用于接收父组件数据的功能。
目录：1- el 挂载点
2 - data 内部数据
3 - methods 方法
4 - components
5 - 生命周期钩子
6 - prosp 外部属性(数据)
数据相关属性：data、props、propsData、computed、methods、watch。
对于这些属性不一定全都需要学会，我们只需要掌握最主流的属性就好了，对于那些冷门的属性了解一下就好了，需要的时候即用即查即可。
1- el 挂载点
el就是你想挂载到哪一个节点，那个节点将会被替换。它可以替换与$mount。
new Vue({
el:'#app'
})
注意！我们在上面ID=app的div里面写上了文本内容，文本内容将会在js加载完成之后被js干掉。
通过开发者工具Slow3G模拟慢速网络环境下可以看到，浏览器先将html加载出来展现div里面的内容，在请求js的期间我们还能还看到div里面的文本内容，一旦js加载完毕，div里面的内容将被js干掉。
const vm =new Vue({
}).$mount('#app')
第二种方法也是和第一种方法一样挂载到app节点上面。
2 - data 内部数据
支持对象和函数，优先使用函数。
new Vue({
data:function(){
return{
n:0
}
},
最低0.47元/天 解锁文章
921
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
