Vue 父子组件传值 (Vue-cli4)
1.Vue 父子组件传值:
第一种: 父组件绑定属性 v-bind:属性 子组件 props 对象接收属性值 ;子组件触发内部事件通过方法 this.$emit('事件名', 参数)冒泡传递给父组件触发 自定义事件对应的方法,方法接收传值处理。
第二种: 父组件中调用组件方法this.$children 返回子组件数组对象,[0]包含子组件所有声明的属性,方法等信息,即可以调用。
第三种: 父组件中调用组件方法this.$refs.child child为父组件中子组件标签的属性ref=‘child' ,返回子组件对象所有属性和方法。
vscode 插件:
Vue VSCode Snippets 是真的好用。各种VUE文件详细提示:键入从Vb开头建立文件到以V开头键入各种属性结构,一键生成。
Vue ui
npm run serve package.json --s -dev -D
npm install
待补充。