配置对象
对象中可以写入哪些数据?
配置对象中可以写入的内容有el data methods props components template
组件的意义
我们以往所理解的组件都是狭义的,指页面中的某个控件, 而Vue是一个高度组件化的框架,组件也是一个独立的页面 Vue的设计思想是组件完全独立的, 相互之间是不可互动的
父与子通信
- 父组件通过props向下传递数据给子组件
- 子组件通过events给父组件发送消息
- 父组件访问子组件:使用$children或$refs
- 子组件访问父组件:使用$parent
- 子组件访问根组件:使用$root
获取组件的dom
this.$el.querySelector(...)
const el = document.createElement('div')
el.innerHTML = '<span>{{message}}</span>'
const vm = new Vue({
el,
data: { message: 'hello world' }
})
expect(vm.$el.tagName).toBe('DIV')