vue
皮皮停
再远的路,出发了,就会有到达的一天。
展开
-
Vue3.x属性继承报错解决
编写vue组件的时候莫名报了下面的警告:[Vue warn]: Extraneous non-props attributes (border, style) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.at xxxx(发生问题的组件位置)at ...解决:在自定义组件上添加了border、style属性原创 2021-05-24 15:18:55 · 14352 阅读 · 0 评论 -
如何在vue组件中递归组件
以简单的树形组件为案例,实现在组件中递归组件。App.vue组件:<template> <div class="main"> <tree :list = "list" /> </div></template><script>import tree from "./tree";export default { components: { tree }, data() { return原创 2020-05-27 15:30:07 · 548 阅读 · 0 评论 -
理解vue生命周期钩子
图解先上一副官网的生命周期图,稍微补充了点说明。在不同的生命周期函数中执行代码:const vm = new Vue({ el:"#app", methods:{ myfn:function(){ this.a = this.val } }, data:{ a:'a', b:'b', val:"" }, wat原创 2020-05-08 23:22:17 · 149 阅读 · 0 评论 -
v-if,v-else-if,v-else与v-show
基本使用v-if、v-else-if、v-else <template v-if = "false">雷天</template> //渲染 //和流程控制一样,只会进入第一个符合条件的渲染 <div v-if = "true">晴天</div> //渲染 <div v-else-if = "true">雨...原创 2020-04-26 11:38:26 · 321 阅读 · 0 评论 -
通过vue响应式原理,解释一些数据改变而不渲染的现象
现象在vue中,通过以下情况改变data,是不会渲染页面的:在对象中增加新元素和删除对象或属性通过索引赋值的方式给数组添加新元素或改变元素值通过改变length属性值,改变数组长度案例:<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <div id="ap...原创 2020-04-22 01:27:00 · 404 阅读 · 0 评论