limy_cxm的博客

在做移动webApp的时候，底部导航切换的时候，由于vue主要遵循数据驱动的方法是实现代码功能的，底部导航也是通过数据驱动v-for实现的。所以当给父级组件添加click时失效。 解决方法 根据Vue2.0官方文档关于父子组件通讯的原则，父组件通过prop传递数据给子组件，子组件触发事件给父组件。但父组件想在子组件上监听自己的click的话，需要加上native修饰符。 所以如果在想要在rou

父级组件采用数据驱动渲染出来的导航栏之后，由于页面渲染的是子组件，这个时候在子组件中去触发父级组件上的事件并没有发生，这个时候反复找了网上查找了一些资料，刚开始百度到了一个关于v-for与click事件搭配出现失效的问题，由于我的父级组件也是通过v-for数据驱动渲染出来的页面，这个时候从这个方面出发，一直查找都没有答案，后来发现，当我们在子组件中去触发父级组件的时，父级组件的事件后面应该加个修饰符

vue.js一大特性是可以实现很多可复用的组件。 我做项目的时候，封装了一个输入框组件，然后页面上所有相同样式的地方都用这个组件来进行调用，刚开始以为实现起来很简单，作为一个vue刚刚学习的人来说，不就是写一个单组件，然后各个页面input的问题吗，可是实际当我在进行传值的时候遇到了问题，因为我们传值过程中，vue一向遵循的是数据耦合，不会去更改两者之间的数据，vue也提供了报错，但是在进行父组件

父级组件与子组件之间的通信 当我们在子组件去调用父组件中的事件时，我们需要在父组件中的事件添加.native修饰符，不然会失效。 vue页面初始化数据 当我们在组件中去调用接口获取数据并初始化渲染组件上的dom的时候，我们只需要在methods中添加http请求的方法，然后再created去调用即可。如下：methods:{ //获取所有文章 getArticl

当我们做一个公共底部组件，类似于tab选项卡或者导航栏，单击路由到另外一个组件上的时候，我们改变当前路由的样式问题，并且返回，样式不会初始化，因为他是由路由决定的 如果导航栏全部都是由router-link包含跳转的话，有一个非常好的方法 router-link-active —-.router-link-active这个class，是当路由path指向当前组件时自动生成的，可以在此处设置样式

第一步骤 当项目做一个圆环进度条的时候，我自己用canvas写了一个js,并且封装成函数。当时想到的是直接将函数写在组件中然后进行调用： 报错了：Uncaught TypeError: Cannot read property ‘getContext’ of null 然后意识到canvas的getContext方法需要在页面文档加载完成之后才会去触发识别这个属性。所以canvas写的代码不

Vue的组件应该解耦,组件当中的作用域是完全独立存在的。 子组件中不能直接使用父组件的数据。应该使用props传递父组件到子组件的数据，子组件通过events给父组件发消息，以此实现父子组件间的通信。 而对于表单元素，子组件经过props的传值不能直接绑定到表单元素上，因为表单元素变化的同时，会影响改变父组件内部绑定数据的变化，这在Vue里面是不被允许的。会出现报错情况 对于表单组件内部的元...