vue(4)
来源：互联网 发布：靠谱买小样的淘宝店 编辑：程序博客网 时间：2024/06/06 13:19
我们知道，在Vue里面，需要实例化一个vue对象，那么vue有哪些方法呢？我们平时常用的又有那些呢？第一个，经常用的就是$mount,一个就是$options。下面具体介绍下用法。
我们知道，vue中el的主要作用是为实例提供挂载元素。值可以是 CSS 选择符，或实际 HTML 元素，或返回 HTML 元素的函数。如果在初始化的时候没有给定el的值，那么实例就无法编译，这个时候，就需要$mount手动挂载元素。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="vue.js"></script>
</head>
<body>
<div class="box">
<span>{{msg}}</span>
</div>
</body>
<script>
var vm = new Vue({
// el:'.box',
data:{
msg:'hello world'
}
})
vm.$mount('.box');
</script>
</html>
在上面加粗的代码中，与el:'.box'的作用是一样的，当然我们也可以这么做：var vm=new Vue({}).$mount('.box')。
如果用户自定义了一些属性和方法，这个时候就需要$.options登场了。
<script>
var vm = new Vue({
// el:'.box',
data:{
msg:'hello world'
},
show:function () {
alert(1);
}
})
vm.$mount('.box');
vm.$options.show();
</script>
如上图所示，我们自定义了一个show方法，这个时候，如果想访问这个show函数，就需要$options来访问。如果需要查看vm的状态，就可以使用$log。
- vue(4)
- Vue.js 系列教程 4：Vue
- Vue.js 系列教程 4：Vue
- Vue.js 系列教程 4：Vue
- Vue.js 系列教程 4：Vue
- Vue.js 系列教程 4：Vue
- Vue.js 系列教程 4：Vue
- Vue分享4
- Vue项目4、Vuex
- vue学习笔记4
- vue基础案例4
- Vue-4-属性
- Vue
- vue
- vue
- Vue
- Vue
- vue
- Python解析JSON数据的基本方法
- opencv学习笔记（十六）利用cvGetSubRect截取图像
- SQL利用Case When Then多条件判断
- 使用C++遍历文件夹/目录
- 码农的2016小结
- vue(4)
- 删除元素
- java学习必读八大经典书籍
- 数据科学完整学习路径【附学习资源推荐】
- 69. JPA实体Bean的生命周期
- Kafka踩坑 - Couldn't find leaders for Set
- iOS 获得系统当前日期
- Oracle命令（三）：Oracle要点
- ML-1640/1641驱动
