携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第2天，点击查看活动详情
Vue选项对象
- el选项
- 用于选取一个DOM元素作为Vue实例的挂载目标
- 只有挂载元素内部才会被Vue进行处理，外部为普通HTML元素
- 代表MVVM中的View层（视图）
- 书写方式：可以为CSS选择器格式的字符串或者HTMLElement实例，但不能为html或body
- 挂载完毕后，可以通过vm.$el进行访问
- 未设置el的vue实例，也可以通过
vm.$mount()进行挂载，参数形式与el规则相同，其中可以是'$app'；也可以是app，但前面需要先获取id
- data选项
- 用于存储Vue实例需要使用的数据，值为对象类型
- 处理data中的数据：data中的数据可以通过vm.$data.数据或vm.数据访问
- data选项的特点
- data中的数据可以直接在视图中通过差值表达式访问
- data中的数据为响应式数据，在发生改变时，视图为自动更新
- data中存在数组时，索引操作与length操作无法自动更新视图，这时可以借助Vue.set()方法替代操作（通过索引直接给数组某项赋值无法发生改变，将length改变也无法影响视图） Vue.set（数组，索引，新值）
- 用于存储Vue实例需要使用的数据，值为对象类型
- methods选项
- 用于存储需要在Vue实例中使用的函数
- methods中的方法可以通过vm.方法名访问
- 方法中的this为vm实例，可以便捷的访问vm数据等功能
- 差值表达式
- 挂载元素可以使用Vue.js的模块语法，模板中可以通过插值表达式为元素进行动态内容设置，写法为{{}}
- 注意点：
- 插值表达式只能书写在标签内容区域，可以与其他内容混合
- 内部只能书写JavaScript表达式，不能书写语句
本期的内容就到这里啦！让我们明天一起继续学习Vue.js吧!
- 挂载元素可以使用Vue.js的模块语法，模板中可以通过插值表达式为元素进行动态内容设置，写法为{{}}
