Day3——创建Vue实例传入的options

短命女 2023-02-25 10:21 116阅读 0赞

### 文章目录 ###

*  一. 回顾
 *  二. 有哪些options
 *  三. 目前需要掌握的options

# 一. 回顾 #

前面[Day2——MVVM][Day2_MVVM]，今天了解创建Vue实例传入的options

# 二. 有哪些options #

详细地址：[Vue有哪些options][Vue_options]

找options 步骤：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 1]

# 三. 目前需要掌握的options #

<table> 
 <thead> 
  <tr> 
   <th>options</th> 
   <th>类型</th> 
   <th>作用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>el</td> 
   <td>String 或 HTMLElement</td> 
   <td>决定Vue实例会管理哪一个DOM</td> 
  </tr> 
  <tr> 
   <td>data</td> 
   <td>obj 或 function（组件当中必须是一个函数）</td> 
   <td>Vue实例对应的数据对象</td> 
  </tr> 
  <tr> 
   <td>methods</td> 
   <td>key : function</td> 
   <td>定义Vue的一些方法，可以在其他地方调用或者在指令中使用</td> 
  </tr> 
 </tbody> 
</table>

**方法与函数的区别：非官方概念**

function abc(){ 
      这是一个函数
    }
    
    function Person(){ 
       在这里面一般都会有各种各样的方法
    }

[Day2_MVVM]: https://blog.csdn.net/qq_40634846/article/details/107299747
[Vue_options]: https://cn.vuejs.org/v2/api/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70]: /images/20230209/3c61294c7de94698ab9411b72faa22ae.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 1]: /images/20230209/55bfb41d3fef49fda0ba563964527283.png