vue - 随笔分类 - 飄落的葉子

Vue路由

摘要：路由的概念后端路由：根据不同URL地址，服务端响应不同的资源。前端路由：针对于单页面应用来说，根据不同的地址，展示不同的界面，称之为前端路由。怎么使用路由引入路由的js 创建路由实例。 new VueRouter 配置地址和组件的映射关系。 routes 把路由实例挂载到vue上。 Vue实阅读全文

posted @ 2020-09-14 21:23 飄落的葉子阅读(149) 评论(0) 推荐(0)

插槽

摘要：属性的覆盖在引用子组件的时候，可以在标签上设置一些属性的，如id、name、class、style等这些属性会直接设置到组件的根标签上如果根标签上有重复的属性引用的时候设置的属性会覆盖之前的属性。对于class和style不会进行覆盖，而是进行合并操作如果想在组件中获取到父组件传递过来的属阅读全文

posted @ 2020-09-14 20:58 飄落的葉子阅读(116) 评论(0) 推荐(0)

VUE-组件

摘要：全局组件定义的三种方式使用Vue.extend配合Vue.component方法：varlogin=Vue.extend({template:'<h1>登录</h1>'});Vue.component('login',login);直接使用Vue.component方法：Vue.component 阅读全文

posted @ 2020-09-14 20:16 飄落的葉子阅读(90) 评论(0) 推荐(0)

vue 动画

摘要：2、使用过渡类名 1、使用动画的步骤把需要添加动画的元素通过<transition></transition>标签包裹起来 2、编写相应的样式 .v-enter .v-enter-active .v-enter-to .v-leave .v-leave-active .v-leave-to 在tr 阅读全文

posted @ 2020-09-14 09:00 飄落的葉子阅读(94) 评论(0) 推荐(0)

vue-resource的使用、axios的使用

摘要：1、vue-resource的使用 1、直接在页面中，通过script标签，引入vue-resource的脚本文件； 2、注意：引用的先后顺序是-先引用Vue的脚本文件，再引用vue-resource的脚本文件。 3、vue-resource get请求案例 <div id='app'> <ul> 阅读全文

posted @ 2020-09-13 22:49 飄落的葉子阅读(166) 评论(0) 推荐(0)

vue 生命周期函数

摘要：挂载el的两种方式： 1、vm.$mount("#app") 2、el:"#app" 1、什么是生命周期从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！ 2、vue生命周期钩子函数生命周期函数=生命周期事件=生命周期钩子 3、vue生命周期 <div id 阅读全文

posted @ 2020-09-09 08:58 飄落的葉子阅读(164) 评论(0) 推荐(0)

vue过滤器和修饰符

摘要：vue过滤器和修饰符 1、过滤器 Vue.js允许你自定义过滤器，过滤器可以用在两个地方（1）mustache插值和 v-bind表达式添加在JavaScript表达式的尾部由“管道”符指示。作用：在我们页面显示值之前加一层过滤，展示我们过滤后的值。注意事项过滤器可以用在两个地方：双花括阅读全文

posted @ 2020-09-08 09:02 飄落的葉子阅读(153) 评论(0) 推荐(0)

v-if 和v-show

摘要：1、区别 1）v-if删除dom元素 2）v-show设置display:none 2、应用场景 1）v-if只修改一次的时候可以使用v-if 2）v-show频繁切换的时候可以使用v-show 3、v-if案例 <div id='app'> <div v-if="score < 60"> 不及格阅读全文

posted @ 2020-09-07 23:30 飄落的葉子阅读(189) 评论(0) 推荐(0)

v-for 和key 属性

摘要：一、v-for 1、遍历数组，参数(item,index) in list <div id="app"> <ul> <li v-for="item in list"> {{item.name}} </li> </ul> </div> <script> var vm = new Vue({ el: ' 阅读全文

posted @ 2020-09-07 23:26 飄落的葉子阅读(343) 评论(0) 推荐(0)

VUE 初识

摘要：vue初识定义：Vue.js是一套构建用户界面的框架，只关注视图层 Vue.js是前端的主流框架之一，和Angular2+、React.js一起，并成为前端三大主流框架！优点： 1、使用框架，能够提高开发的效率 2、提高代码的维护性，提高效率 3、让用户不再操作DOM元素，解放了用户的双手，让程阅读全文

posted @ 2020-09-06 18:49 飄落的葉子阅读(188) 评论(0) 推荐(0)

随笔分类 - vue