qq_40600414的博客

最近使用Vue开发网页，在实现一个条件筛选框时出现了问题，原本计划是实现这样一个类似的筛选效果， 实现想法为 v-for循环生成分类，然后点击其中的分类实现选中效果，设计是利用动态样式，定义一个是选中时的class，另一个是未选中的class，然后在data对象中维护一个变量来记录选中的类别，根据选择类别是否是本类别来使得样式变换。点击m某分类时来给将该分类的索引赋值给type变量，实现切换分类的效果。 实现效果如下 源码如下 <style> .choose,.u

事件on绑定 事件on绑定 v-on:事件名="函数名" 可以简写为 @事件名="函数名" 常用事件名 v-on:click 单击 v-on:dblclick 双击 v-on:keydown v-on:keyup 按键事件 v-on:mouseover v-on:mouseout 鼠标移动事件 v-on:submit 提交事件 阻止冒泡 事件名.stop 本元素响应完该事件后，该时间不继续冒泡给父元素 阻止默认事件 事件名.prevent 阻止该元素的默认行为 <i

需求 最近项目组里有个项目想使用vue开发，但是不想搭建环境，因此就采用引入js的方式来进行开发，然后有很多页面需要用到一些公共的部分，因此想让我开发一些公共组件，使用Vue注册组件都是在webpack管理的项目下进行 的封装组件，因此对无node搭建环境的情况下不太了解如何封装公共组件。 在重新阅读了Vue官网的组件注册之后，产生了一个想法，可以在js中注册好Vue的全局组件，然后哪个页面需要用到该组件就引用该js文件，将组件内dom模板的定义也写在了js文件中。 一开始就通过这样的方式注册了很多公共组件

<ul id="demo"> <li v-for="item in list">{{item}}</div> </ul> new Vue({ el:'#demo', data:{ list=[0,1,2,3,4,5,6,7,8,9,10] }, methods:{ push:function(){ this.list.push(11); this.nextTick(function(){ alert('数...

前端开发组件化是个很重要的思想，但是平常只是在node搭建的环境下，使用webpack管理react或者vue项目时，会自定义组件，然后其他页面引用自定义的组件。但是在普通的html前端页面开发时怎么去使用vue定义可重用组件呢，就像element-ui那样，我们可以不用node环境，而是引用js文件，也可以实现使用各种定义好的组件。 今天由于工作需要，电脑没有搭建vue项目，而是采用引入vue.js的方式开发页面，我需要定义很多页面都可以使用的公共组件，在仔细阅读了vue官网的组件化方...