vue中export和export default的使用（转）
摘要：参考： https://blog.51cto.com/11871779/2348288 ES6模块主要有两个功能：export和importexport用于对外输出本模块（一个文件可以理解为一个模块）变量的接口import用于在一个模块中加载另一个含有export接口的模块。也就是说使用export
阅读全文
posted @
2019-10-11 21:46
JAVA_STUDYER
阅读(5485)
推荐(0) 编辑
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
阅读(598)
推荐(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
阅读(10975)
推荐(0) 编辑
onchange 与 onblur
摘要：onchange 是指控件的值发生改变且失去焦点时触发的事件onblur 是不管值有无改变，失去焦点就触发事件
阅读全文
posted @
2019-08-06 10:08
JAVA_STUDYER
阅读(571)
推荐(0) 编辑
VScode运行
摘要：1、http 运行：查看--》终端--》 OR 终端--》新建终端--》 然后输入：live-server 回车，会打开浏览器，并且是以localhost的方式： 2、类似 本地打开 html 运行： 右键页面内容，open in （default、other ）browser
阅读全文
posted @
2019-06-21 17:11
JAVA_STUDYER
阅读(466)
推荐(0) 编辑
（ component 标签元素，及其 ：is 属性 ）的使用样例（组件切换的一个简单样例，不过，最好使用动画来实现组件的切换）
摘要：<!-- Vue 提供了 component 标签元素，用来展示对应名称的组件 --> <!-- 该标签元素的 ：is 属性，可以用来指定要展示组件的名称！这里用一个变量 comName。 --> <component :is="comName" ></component>
阅读全文
posted @
2019-06-17 11:36
JAVA_STUDYER
阅读(555)
推荐(0) 编辑
使用new Vue实例的 components 属性定义 私有组件 login
摘要：注意： 对于私有组件而言，这里还可以进行简写： components:{ login //即：组件名字和组件模板对象都是login，相当于：‘login’：login。其实上面图中定义私有组件时，组件名字一般用字符串形式。 }
阅读全文
posted @
2019-06-17 10:18
JAVA_STUDYER
阅读(660)
推荐(0) 编辑
组件的创建方式3
摘要：注意： 1、Vue实例化（对div元素的绑定，该div内部有com组件的调用）必不可少； 2、Vue实例化必须放在组件定义的后面； 3、组件定义时，还可以写成 “组件模板对象”的形式，例如：Vue.component("myCom1",myCom1Obj);其中， myCom1Obj={ templ
阅读全文
posted @
2019-06-17 09:46
JAVA_STUDYER
阅读(184)
推荐(0) 编辑
组件的创建方式2
摘要：在第二种创建组件的方式中，针对Vue.component的第二个参数不再使用 Vue.extend而是直接使用一个对象。 但是，无论是哪种方式创建的组件，针对模板template的值只能有一个根元素！
阅读全文
posted @
2019-06-17 09:30
JAVA_STUDYER
阅读(162)
推荐(0) 编辑
