
vue
六点路人
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
mpvue 的使用流程
mpvue的使用流程由于mpvue是基于vue-cli2.0所以先运行npminstall-g@vue/cli-init拉取2.0的模板一台电脑运行一次即可下一步使用vue-cli2.0的模板创建项目vueinitmpvue/mpvue-quickstart项目名项目创建好之后cd到建好的项目然后安装依赖(npmi)安装好依赖之后运行npmrundev运行之后会生成一个dist文件夹里边有一个wx文件夹我...原创 2020-06-30 19:23:20 · 575 阅读 · 0 评论 -
复习vue知识点
npmi@vue/cli-g全局安装安装一次vuecreate项目名打包项目npmrunbuildvue指令v-model:组件上使用v-modelv-textinnerTextv-htmlinnerHTMLv-once只渲染一次v-pre有这个指令的元素他本身及后代元素vue在模板编译的时候会直接忽略之一部分,直接应用;能够提高vue...原创 2020-06-17 11:01:19 · 343 阅读 · 0 评论 -
REM布局以及插件使用
使用rem布局需要在public/index.html模板中写另一种直接使用插件flexible.js用rem布局即可原创 2020-06-17 09:34:57 · 450 阅读 · 0 评论 -
vue中路由元信息-设置面title
每一次路由切换都要走前置守卫,所以也要设置一下原创 2020-06-17 09:23:05 · 636 阅读 · 0 评论 -
vue中beforeEach前置导航守卫
原创 2020-06-17 09:13:47 · 338 阅读 · 0 评论 -
VUE中transition动画使用
/*.fade-enter刚要显示的时候.fade-enter-active整个显示过程的区间.fade-enter-to显示完成.fade-leave刚要消失的时候.fade-leave-active整个消失过程的区间.fade-leave-to消失完成...原创 2020-06-04 18:25:35 · 583 阅读 · 0 评论 -
VUE中过滤器
全局指令和全局过滤器在任何组件都可以使用局部指令和局部指令只有在当前组件能够使用全局指令语法Vue.filter("money",function(val){ return "¥"+(val/100).toFixed(2)})使用语法:<h2>{{total|money}}</h2>{{item.count*item.price|money}}局部过滤器语法 Vue.component('qqq', { temp.原创 2020-06-04 18:18:25 · 210 阅读 · 0 评论 -
VUE自定义指令
自定义指令分为 全局指令和局部指令自定义指令对应的回调函数中的this不是当前实例全局指令语法://我们自己定义了一个全局的指令v-color,模板中只要使用一次v-color这个函数就会执行一次 Vue.directive('color', function (el, obj) { //el 当前使用指令的元素 //obj 存储指令值的一个对象 console.log(arguments); el.style.co..原创 2020-06-04 09:39:34 · 615 阅读 · 0 评论 -
1
原创 2020-05-06 10:45:44 · 108 阅读 · 0 评论 -
state getters mutations actions modules
原创 2020-05-06 09:58:13 · 122 阅读 · 0 评论 -
vue传值之vuex用法
vuex用法mutations中的方法是用来改变state中的数据在mutations中的函数的第一个参数都是state第二个参数是通过commit执行的时候传递过来的参数这里的函数最多只有两个参数actions中的函数的第一个参数都是store(new出来的vuex的实例)第二个参数是通过dispatch执行这个函数的是传进来的参数最多只要两个参数watc...原创 2020-05-05 23:13:29 · 429 阅读 · 0 评论 -
自定义事件进行组件传值
事件event.jsimport Vue from 'vue'export default new Vue()Input.vue和List.vue是兄弟组件Input.vue// 调用自定义事件event.$emit('onAddTitle', this.title)List.vue// 绑定自定义事件event.$on('onAddTitle', this.addTit...原创 2020-04-30 10:10:00 · 347 阅读 · 0 评论 -
父子组件传值 props $emit
props 父组件向子组件传递一个信息$emit 子组件向父组件触发一个事件父组件 Index.vue<template> <div> <List :list="list" @delete="deleteHandler"/> </div></template>import List from ...原创 2020-04-30 09:52:16 · 173 阅读 · 0 评论 -
vue基础知识点串讲
VUE使用--基本使用,组件使用--常用,必须会--高级特性--不常用,但体现深度--Vuex和Vue-router使用面试题1、v-show和v-if区别2、为何v-for要用key3、描述Vue组件生命周期(包括父子组件的情况)4、Vue组件如何通讯5、描述组件渲染和更新的过程6、双向数据绑定v-model的实现原理循环(列表)渲染--如何遍历对象?--也可以用v-fo...原创 2020-04-29 23:23:55 · 246 阅读 · 0 评论