每个函数(构造函数)在创建时,同时函数会自动添加一个prototype的属性,这个属性会指向一个空的object对象,这个空的object对象,因为prototype的属性指...
每个函数(构造函数)在创建时,同时函数会自动添加一个prototype的属性,这个属性会指向一个空的object对象,这个空的object对象,因为prototype的属性指...
父组件APP.vue ref相当于id,id获得的是子组件的html框架,ref获得的是组件实例对象 获得组件实例对象,用$on绑定一个自定义事件 函数在父组件中定义,但是要...
可以把多个共用的配置提出成一个混合对象使用:{method:{},data(){}}引入:全局混入:Vue.mixin()局部混入:mixins:[]
生命周期指定的数据代理、事件、页面的创建过程 常用的2个构造 mounted 拿到DOM(页面)前做些准备的事情请求网络,开启定时器,自定义事件,订阅发布,Ajax网络请求 ...
组件: 传统模式: 依赖关系混乱,不好维护 复用低 定义实现应用中的局部代码(html,css,js)和资源(图片,视频,文件等)的集合优点:复用代码,简化项目编码,提高运行...
app 作为顶级组件 APP嵌套了shool,shool嵌套了student
非单文件组件 修改其中一个不影响其它组件,因为这是data是函数式,每次返回的值不一样 全局定义组件 new Vue里面的components配置中没有配置good,用的是*...
extend省略 组件name配置项是开发者工具显示的结果
VueComponent 从上面看,可以看出每个组件都是一个构造函数 他们不是同一个构造函数,都是新的构造函数,每次都返回一个新的VueComponentvuecompone...
新建一个后缀为vue的文件 main.js>app.vue>其它组件 main.js是创建vue构造函数,然后把总组件app装到模板里面,再确定是哪个容器渲染 app.vue...
main.js 报错如下 vue.runtime.esm.js?2b0e:619 [Vue warn]: You are using the runtime-only bui...
操作DOM App.vue Student.vue 打标识方式<xxx ref="名字"> 获取方式this.$refs.名字可以完整的获取到整个实例组件,方便组件间通信
props 父组件给子组件传值 父组件:在组件元素中配置要传递的属性和值 子组件,配置props数据,接收父组件传递的属性 App.vue,该文件为父组件 App.vue,该...
App.vue 在父组件给子组件绑定方法,:name有冒号,单项数据绑定,getName变成了一个方法,因为methods有个定义这个方法 Student.vue 用prop...
vm.destroy() 一般用来销毁组件 vm销毁,事件还是被响应着,系统事件不会被销毁,只有自定义事件被销毁,点击还是会触发回调,但是数据没有变化 beforeDestr...
beforeUpdate 当数据一旦更新,就会调用这个构造在挂载以后,数据已经更新,但是页面还没更新 页面数据未同步 updated 根据新新旧虚拟DOM进行对比,最终呈现新...
绑定自定义事件 格式:在父组件组件中用v-on指令绑定一个自定义事件(代码如下:)注意:v-on:click、v-on:change等这些事系统内置事件 App.vue te...
VueComponent.prototype.proto === Vue.prototype 利用这个关系 main.js 子组件可以访问到xxx这个属性 test.vue ...
消息订阅与发布 这第三方库,可以让组件之间相互通信 安装如下: 需要订阅和发布的组件导入这个包 shool.vue 第一个参数msgName,打印的是发布名sendMsg,第...
默认插槽 app.vue app是父组件,test是子组件 test.vue 要想让父组件的www显示,必须要在子组件配置slot标签,配置如下: 配置了slot,www可以...