Vue实践
文章平均质量分 77
初心鸿鹄
物有本末,事有终始,知所先后,则近道矣!
展开
-
Vue实践之--非父子组件通信
说完了父子组件的通信,是通过props和$emit来实现的,那么非父子组件之间的通信又如何呢?有以下3种方式:bus总线,父链和子组件的索引; bus总线 HTML部分: {{message}} javascript部分: var bus = new Vue();//bus(中央事件总线) //组件 Vue.component("my-component",{原创 2017-12-21 12:29:55 · 393 阅读 · 0 评论 -
Vue实践--指令和事件
Vue思想是数据驱动DOM,所以你只需要把主要精力放在数据和逻辑上即可,DOM的事情交给Vue就行了; 指令的作用是当表达式的值发生变化的时候,将某些行为应用到DOM上: Vuejs中的一些指令: 1.v-bind:动态更新DOM元素的属性(通常用来绑定DOM属性),例如: {{greeting|toUpperCase|strClip(3)}}//给该元素绑定href属性,属性的值是对原创 2017-11-26 14:18:21 · 1338 阅读 · 0 评论 -
Vue实践--父子组件间的通信(未完待续)
父子组件间的通信(在这里父组件就是你自定义的标签,子组件就是父组件template里面的内容),父组件通过props选项向子组件传递参数或数据,子组件接收到参数后根据参数的不同来执行不同的操作。也就是说,在组件中使用props选项来声明需要从父组件接受的数据(通俗点说就是,组件在注册的时候通过props选项声明子组件(template所指)需要从父组件中接受的数据),props选项的值可以是字符串原创 2017-12-12 14:19:29 · 540 阅读 · 0 评论 -
Vue实践--v-model在组件中的应用
父组件既可以绑定自定义事件也可以绑定原生事件,只需要在事件名后加.native修饰符即可,例如 HTML部分: JS部分: var myApp = new Vue({ el:"#container", data:{ sum:1, initNum:3 }, methods:{ // 这里的t就是从this.$emit("geta原创 2017-12-19 12:46:26 · 1796 阅读 · 0 评论 -
javascript高级程序设计之---继承
对象的继承 1.继承的思想:关键是将一个构造函数A的原型指向给另一个构造函数B的实例本身,那么A实例将拥有(继承)B实例的所有的属性和方法(继承在原型); 2.原理:将一个构造函数A的原型指向给另一个构造函数B的实例本身,也就意味着A原型将继承B实例本身拥有的所有的属性和方法;而对于A实例而言,A原型对象中的所有的属性和方法是A实例所共享的,也就是说A实例所共享的实例和方法就是B实例本身所拥有的...原创 2018-04-28 17:11:09 · 395 阅读 · 0 评论