草庐IT

vue指令

全部标签

javascript - Vue.js $emit 和 $dispatch 有什么区别?

在vue2.0中,事件$dispatch和$broadcast被弃用。而且我发现$dispatch和$emit很相似。它们之间有什么区别?迁移时直接将$dispatch替换为$emit是否安全。 最佳答案 不,您不能在任何地方用$emit替换$disptach。您可以替换它,无论您将它用于从child到parent的通信,但对于其他情况,您可能必须采用其他方法。来自documentation(来自Evanyou在UpgradeTips中的类似评论):Oneofthemostcommonusesforthesemethodsistoc

javascript - 如何从 Vue.js 中的变量名加载组件?

我想从我的vue.js应用程序中的动态变量名加载一个组件。我注册了以下组件:Goal:{{data.text}}而不是像这样加载我想从一个变量名加载,像这样:当然,在这种情况下,mytemplate.type等于“目标” 最佳答案 使用dynamiccomponent像这样: 关于javascript-如何从Vue.js中的变量名加载组件?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questi

javascript - 为什么在 Vue.js 中使用 `var` 关键字?

我在学习框架时看到的每个教程和代码片段都使用var作为它们的声明,包括theofficialdocs.前言,本人刚开始学习Vue,对它了解甚少,还没有找到答案。与其他假设属性名称相同:newVue({data:data})对比newVue({data})我假设ES6的const和let应该是标准的,我错了吗?有理由为Vue.js使用var吗?ES6有问题吗? 最佳答案 为什么文档使用var并避免ES6特性?我会说支持最小公分母,即最差的浏览器。因为Vue可以作为普通的旧包含在内标签(UMD/全局,无构建系统)并支持所有ES5-com

javascript - 动态添加 Angular 指令

我对AngularJS还很陌生,我发现它是一个陡峭的学习曲线,我觉得我真的忽略了这里的要点,但这里是:我想从Controller向我的页面添加指令。所以我想如果我将指令标记添加到页面,指令和关联的Controller/模板等也会随之添加。在阅读了$compile方法之后,我认为这将用于将此指令绑定(bind)到其新创建的标记。这部分在下面被注释掉了,但是不管有没有这个,我都需要登录这个词出现并且它的Controller来控制它?当指令标记在加载时位于页面上时,我可以在网络上找到很多类似的示例,并且可以使它们正常工作,所以这就是为什么认为它与$compile方法有关-什么我失踪了吗?HT

javascript - 如何在 AngularJS 指令中获取元素的 x 和 y 位置

在指令的链接函数部分,我们可以访问element对象。我想确定element对象是否在当前视口(viewport)内/是否可用。我目前有以下内容:link:function(scope,element,attrs,controller){varpage=angular.element(window);page.bind('scroll',function(){varwindowScroll=page[0].pageYOffset,windowHeight=page[0].innerHeight;//elementScroll=element.xpos;-thisisundefined?

javascript - 如何避免在 Vue 中一直写 this.$store.state.donkey?

我正在学习Vue,我注意到我到处都有或多或少的以下语法。exportdefault{components:{Navigation,View1},computed:{classObject:function(){return{alert:this.$store.state.environment!=="dev",info:this.$store.state.environment==="dev"};}}}一直写出this.$store.state.donkey很痛苦,而且它也降低了可读性。我感觉到我正在以一种不太理想的方式来做这件事。我应该如何引用商店的状态?

javascript - 如何在 Vue 数据对象中运行函数?

所以我尝试在VueJS中使用以下组件:Vue.component('careers',{template:'Acustomcomponent!',data:function(){varcareerData=[];client.getEntries().then(function(entries){//logthetitleforalltheentriesthathaveitentries.items.forEach(function(entry){if(entry.fields.jobTitle){careerData.push(entry);}})});returncareerDat

javascript - 如何查看 Vue.js 组件中的 prop 变化?

我正在将一组图像文件路径传递给一个组件。我想知道如果我传递一个不同的数组,那么在Vue.js组件中观察Prop变化的最佳方式是什么?我正在使用引导轮播,所以想在数组更改时将其重置为第一张图片。为了简单起见,我将代码示例简化为:Vue.component('my-images',{props:['images'],template:`{{index}}-`}); 最佳答案 {{count}}exportdefault{name:'test',props:['count'],watch:{'$props':{handler:functi

Vue中computed和watch区别

前言vue中的computed和watch我们经常会用到,那么在什么场景下使用computed和watch,两者又有什么区别呢,傻傻分不清楚。记录一下,温故而知新!computedcomputed是计算属性,基于data中声明过或者父组件传递的props中的数据通过计算得到的一个新值,这个新值只会根据已知值的变化而变化,换句话说,这个属性依赖其他属性,由其他属性计算而来的。举个栗子姓名:{{fullName}}data:{firstName:'David',lastName:'Beckham'},computed:{fullName:function(){//方法的返回值作为属性值return

javascript - ionic /Angular 传单指令 - 放大/缩小按钮不起作用

传单map上的默认放大/缩小按钮有一些问题。当我直接加载页面时一切正常,但是当我将一个状态更改为声明传单指令是按钮的状态时,它就不起作用了。举个例子http://codepen.io/anon/pen/JkyEg?editors=101代码:HTMLLeafletexample{{location.name}}LocationsJSangular.module('app',['ionic','leaflet-directive']).config(function($stateProvider,$urlRouterProvider){$stateProvider.state('loca