Chen_leilei的博客

transition 过度 Vue在插入，更新或者移除DOM时，提供不同方式的应用过渡效果 1.单个元素/组件过度 css过渡 css动画 结合animate.css 动画库 2.多个元素过度（设置key）单元素过渡 <transition name="kerwinfade" > <div v-show="isShow">1111111111111</div> </transition>多元素过渡多个

1组件 //扩展html元素，封装可重用代码 // Vue.component //组件编写与Vue实例的区别 //自定义组件需要有一个root element //父子组件的data是无法共享的 //组件可以有data,method,computed 但是 data必须是一个函数 Vue.component("navbar",{ template:`<div style="...

1.一级路由配置（1）引入路由import Vue from 'vue'import Router from 'vue-router'（2）注册路由// 注册路由插件Vue.use(Router)(3)Vue引入路由 在main.js中new Vue({ router: router, // store, render: h => h(App)}).$mount('#box')（4）使用路由export default new Router({

昨天晚上想跟着视频学习一下Vuecli的搭建，但是使用命令npm install -g @vue/cli结果下的版本是4开头的版本vue-cli4和vue-cli3区别还是挺大的，所以我想先卸载掉当前的vue版本npm uninstall -g @vue/cli然后指定版本下载npm install -g @vue/cli@版本号但是发现下载完还是之前的版本这时候我们首先需要卸载掉不想要的版本，如上卸载命令，之后执行下面找还又哪有vuewhere vue不

1.v-show 如果为false 只是添加了一个display=true的描述，没有被真正的删除。2.v-if 如果为false 是真正的在dom节点下删除这个节点3. 数组更新检测push() pop() split(),sort,reverse(),unshilf(),shilf()都可以影响原数组filter(),concat(),slice(),map()新数组替换旧的数组，原数组不会改变，视图不会刷新通过索引值来修改原数组的方式 原数组收到影响，但视图不会刷新可以使用 datalis