做ppt的模板网站,链接搜索引擎,中国电商平台有多少家,常德网站建设企业Vue组件的应用#xff1a;1、基础使用#xff1a;第一步创建组件#xff0c;第二步注册组件#xff0c;第三步使用组件。在注册组件是需要用到template的属性。全局组件和局部组件组件的嵌套(父子组件)#xff1a;注意先后顺序#xff0c;先声明#xff0c;后面才能用2、…Vue组件的应用1、基础使用第一步创建组件第二步注册组件第三步使用组件。在注册组件是需要用到template的属性。全局组件和局部组件组件的嵌套(父子组件)注意先后顺序先声明后面才能用2、组件的语法糖直接在声明的时候直接进行组件的构造省去了extend()的步骤// 2、注册组件Vue.component(cpn1, {template: })组件分离写法通过id来定位使用哪个组件3、组件中数据存放的问题组件里面不可以访问Vue实例中的Data数据但组件(也可以有methods)中可以有自己的Data不过此Data必须是一个函数返回一对象组件中data为什么一定是函数如果不是函数可能造成数据在多次引用的时候会出现相互影响的错误所以要用函数来返回数据这样每次引用组件的时候新生成一个对象每个对象保存自己的状态值。如下图的例子引用了两次组件但是修改一个组件的值时并不会影响到另外一个所引用组件的值。4、父组件向子组件传递数据用props在传数据时一定要用动态绑定的属性v-bind 或 糖语法 冒号props的数据验证5、子组件向父组件传递数据用自定义事件$emit()子组件定义事件父组件通过v-on监听子组件事件6、小结
