vue组件-编程思维

  组件使用的基本步骤创建组件构造器  Vue.extend()方法      //在vue2.x版本后基本已经很少见了 用了新的语法糖代替注册组件    Vue.component()方法使用组件    在Vue的作用范围内使用组件   组件若标签内不需要传其他值的时候 可以使用单标签,可以使代码看起来更加简便  (但是 我试过会报错。。。所以能不用就不用吧。。。。)例 Vue.compon

vue的父与子组件的访问-编程思维

父访问子  (需要掌握) this.$children 和 this.$refs   this.$children 返回的是一个数组,包含父组件的所有子组件  this,$refs 返回的是一个对象,默认为空,返回父组件中所有标签带有ref属性的子组件 this.$children 是获取父组件的所有子组件,然后返回一个数组   (不常用)this.$refs 则是通过给 组件标签上 加上一个

slot插槽-编程思维

<slot></slot>  写在template模板中 在组件的模板中使用了slot标签后,该组件在使用时可以在组件标签内填写内容,他会自动代替插槽的位置 1.插槽的基本使用<slot></slot>2,插槽的默认值<slot>button< /slot>3.如果有多个值,同时放入到组件进行替换菜,一起作为替换元素->

vue学习笔记之vue组件_时光飞逝,逝者如斯-编程思维

  0x00 前言 vue的核心基础就是组件的使用,玩好了组件才能将前面学的基础更好的运用起来。组件的使用更使我们的项目解耦合。更加符合vue的设计思想MVVM。 那接下来就跟我看一下如何在一个Vue实例中使用组件吧! 这里有一个Vue组件的示例: Vue.component('Vheader',{ data:function(){

vue组件:canvas实现图片涂鸦功能_sfornt-编程思维

方案背景 需求 需要对图片进行标注,导出图片。 需要标注N多图片最后同时保存。 需要根据多边形区域数据(区域、颜色、名称)标注。 对应方案 用canvas实现涂鸦、圆形、矩形的绘制,最终生成图片base64编码用于上传 大量图片批量上传很耗时间,为了提高用户体验,改为只实现圆形、矩形绘制,最终保存成坐标,下次显示时根据坐标再绘制。 多边形区域的显示是根据坐标点绘制,名称显示的位置为多边形质

vue学习笔记—vue组件-编程思维

1、组件个人理解:  <组件>是页面的一部分,将界面切分成部分,每部分称为 <组件>   2、组件化思想:          //2.1、定义一个全局的组件,组件支持‘驼峰命名’规则   Vue.component("TodoItem",{ props: ['content'], //接收父组件传递过来的数据 te