weixin_43623808的博客

vue-cli3配置elementui按需引入安装babel-plugin-componentnpm install babel-plugin-component -D在babel.config.js加入plugins: [ //按需引入配置 [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ]

兄弟组件传值兄弟1 - 传给父组件，父组件 - 传给兄弟2这个方法不优雅而且和组件化的思想有相悖之处，如果另一个组件需要用到还要单独的复制粘贴父组件的逻辑，不推荐创建一个js文件当做媒介，来监听一个事件进行数据传送场景，子组件1 和 子组件2 是分离的子组件2 是隐藏的子组件1 可以控制 子组件2 显示这里我先创建了一个hideNavMiddle.js文件当作媒介//hideNavMiddle.jsimport Vue from 'vue'const Bus = n

页面代码：<div id="vue"> <ul> <li></li> </ul></div><script>var vue=new Vue({ el:"#vue", data:{ items:[ {msg:"滴滴"}, {msg:"滴滴顺风车"}, {msg:"滴滴打车"} ] } });</script

这应该是vue提供给程序员的语法糖确实很好用。官方说法是：在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。（双手双脚赞同）这也能让函数看着更干净，爽就完了！.stop（阻止事件冒泡）.pre...

事件处理：<ul> <li v-for="(list,index) in ary(lists)":key="index">{{ list }}----{{ index }}</li></ul>计算属性：<ul> <li v-for="(list,index) in num":key="index">{{ list ...

vue中使用下标修改数组数据，如this.list[0]="asd或者修改数组长度，如this.list.length=3，都不会响应式的修改dom元素，但是没响应并不是没有改变数据，改变了数据只是vue无法响应此修改方式。可以下载一个 Vue-Devtools 可以很清楚的看见数据变化，也可以在控制台打开sources打个断点查看数据，不会的话可以去看这里 const first=ne...