理解Vue的options选项

首先，啥是vue的options？vue的option即为你 new vue({});大括号内的东西，统称为options。我们在创建Vue实例的时候，会传入一个对象options，上篇文章中讲到了options对象的属性，如el、data、methods，这些就是option，如下图所示：---补充一个知识点，const是es6语法中来定义常量，let用定义变量，es6语法之前，统一使用var来

Love_云宝儿

9640人浏览 · 2021-05-23 18:28:44

Love_云宝儿 · 2021-05-23 18:28:44 发布

首先，啥是vue的options？

vue的option即为你 new vue({});大括号内的东西，统称为options。

我们在创建Vue实例的时候，会传入一个对象options，上篇文章中讲到了options对象的属性，如el、data、methods，这些就是option，如下图所示：

---补充一个知识点，const是es6语法中来定义常量，let用定义变量，es6语法之前，统一使用var来定义。

回归正题，那这些option中可以包含哪些选项呢？可以看官网，哈哈，官网链接给你：https://cn.vuejs.org/v2/api/#%E9%80%89%E9%A1%B9-%E6%95%B0%E6%8D%AE

简单介绍一下我们上面讲到的三个：el、data、methods：

options对象元素	可传参数类型	作用	说明
el	string或HTMLElement	决定之后Vue实例会管理哪一个DOM	如上述代码的‘#app’即为string类型，同样的，也可传入一个document.querySelector(),可以看第一个图。
data	Object\|Function	Vue实例对应的数据对象	这个没啥好说的，可以直接写在data里面，也可以定一个对象数据，再传递过来。
methods	{[key:string]:Function}	定义属于Vue的一些方法，可以在其他地方调用，也可以在指令中使用