slot插槽
摘要：作用: 主要用于父组件向子组件传递 标签+数据 , （而上面prop和自定事件只是传递数据）场景：一般是某个位置需要经常动态切换显示效果（如饿了么） 在子组件中定义插槽, 当父组件向指定插槽传递标签数据后, 插槽处就被渲染，否则插槽处不会被渲染. 6.6.8.3 插槽注意事项1. 只能用于父组件向子
阅读全文
posted @
2019-09-27 11:35
JAVA_STUDYER
阅读(690)
推荐(0) 编辑
自定义事件
摘要：解释：上面2说的是自定义事件不适合用在爷爷向孙子层层传递数据（隔代）。也不适合兄弟组件之间传递数据。 其实，自定义事件实现效果，完全可以通过props通过传递函数名字的方式来实现。
阅读全文
posted @
2019-09-27 10:59
JAVA_STUDYER
阅读(180)
推荐(0) 编辑
父组件向子组件传递数据
摘要：既然存在父子关系，所以，肯定是在父组件中调用了子组件。 而父组件向子组件传递的数据，可以通过在子组件上定义属性，将数据传递给自定义属性的值的方式，来实现父组件向子组件传递数据。 其实，父组件引用子组件，类似于函数的调用，父组件向子组件传递的数据，就类似于向函数传递了实参；而在子组件中需要定义形参和默
阅读全文
posted @
2019-09-26 10:51
JAVA_STUDYER
阅读(518)
推荐(0) 编辑
组件间通信
摘要：父组件向子组件传递数据的方式，使用的较多。 因此， 针对6.6.2中的第二条，如果一个数据在父组件A中使用，也在其子组件A1中使用，那么通常将该数据在父组件A中进行初始化。
阅读全文
posted @
2019-09-26 10:21
JAVA_STUDYER
阅读(234)
推荐(0) 编辑
vue 组件根元素显示优化
摘要：再次精简： 把 script 里面的脚本，还可以单独放在一个 js 文件里面，例如 ： main.js 。
阅读全文
posted @
2019-09-25 22:03
JAVA_STUDYER
阅读(597)
推荐(0) 编辑
vue 组件模板template定义时的注意事项
摘要：在创建组件的时候，需要定义模板对象，注意 ： template 的 value值： 1、通常是一个字符串，该字符串中如果存在多层div嵌套，肯定存在换行，此时不应该使用单引号，而应该使用 键盘上左上角 数字1左边的那个键 · ； 2、该value的值（字符串）外层，必须有一个跟元素（例如div）包括
阅读全文
posted @
2019-09-25 21:34
JAVA_STUDYER
阅读(1155)
推荐(0) 编辑
js：自调用（自执行）函数
摘要：(function(){ return ..... })() 举例： js中自调用（自执行）函数的两种常用写法（可能还有其他写法）： 1、(function(形参列表){ return ..... })(实参列表); 2、(function(形参列表){ return ..... }(实参列表));
阅读全文
posted @
2019-09-25 20:44
JAVA_STUDYER
阅读(10974)
推荐(0) 编辑
vue: 组件中 template 定义
摘要：Vue.component( 'button-counter', { template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>' , data: function () { return {
阅读全文
posted @
2019-09-25 17:54
JAVA_STUDYER
阅读(2796)
推荐(0) 编辑
Vue：单文件组件
摘要：创建和使用单文件组件的前提步骤是： 执行如下命令，查看版本号，说明准备工作已完成： vue -V 出现版本号说明：vue-cli 脚手架构建工具安装成功； 其中：【查看@vue/cli的版本号还可以使用命令：vue --version。需要说明的是 Vue CLI 的包名称由 vue-cli 改成了
阅读全文
posted @
2019-09-24 17:49
JAVA_STUDYER
阅读(242)
推荐(0) 编辑
