Vue
王巨饿
这个作者很懒,什么都没留下…
展开
-
vuex数据共享
vuex的基本配置: 1.1 安装vuex依赖包: npm install vuex --save 1.2 在src目录下创建store.js文件 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { }, mutations: {}, actions: {}, }) 1.3.把store对象挂载到vue实例中 impor.原创 2021-11-03 11:59:13 · 234 阅读 · 0 评论 -
Vue侦听器
为了使侦听器刚加载页面时就触发一次,需要把侦听器改成为对象格式,加个immediate选项 可以通过deep选项,深度侦听对象中的每一个属性的变化,对象中任意一个属性的值变化都会触发侦听器 如果只想监听对象中单个属性的变化则可以 ...原创 2021-11-01 19:43:44 · 94 阅读 · 0 评论 -
Vue过滤器
过滤器常用于文本格式化,可以用在两个地方:插值表达式和v-bind属性绑定 (过滤器在Vue3.0中已经被移除,推荐使用计算属性来代替过滤器) 基本用法:{{ msg | filtername }} ---- msg是参数,filtername是过滤器函数名,msg作为参数供filtername使用(过滤器必须return) 过滤器和data平级 ----- filters:{ filtername(){ return } } 全局过滤器:Vue.filter(’ 函数名 ’ ,() => { r原创 2021-11-01 17:35:00 · 98 阅读 · 0 评论 -
git命令基本用法
git init 初始化一个仓库 git status 可以查看当前仓库的状态信息 git add . 把所有文件加入暂存区 git commit -m “对本次提交的描述” 提交 git log 查看日志,通过日志可以看到什么人在什么时间提交了一个什么样的commit git reset 如果不想提交这个文件了,可以再commit之前把绿色的文件重新变红 git reflog 查看所有的操作记录 git checkout -b 创建新的分支 git checkout <分支名&原创 2021-10-31 17:17:16 · 130 阅读 · 0 评论 -
Vue之路由的安装与配置
一:安装vue-router包 npm i vue-router@3.5.2 -S 二:创建路由模块 在src源代码目录下,创建router/index.js路由模块,并初始化代码: //导入Vue和VueRouter的包. import Vue from ‘vue’ import VueRouter from ‘vue-router’ //调用Vue.use()函数,把VueRouter安装为Vue的插件 Vue.use(VueRouter) //创建路由的实例对象 const router原创 2021-09-30 15:48:40 · 270 阅读 · 0 评论 -
Vue之动态组件
怎么动态切换组件的显示与隐藏呢 vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染 需要在data中定义一个变量来动态绑定组件的名字,再用component上的is属性 绑定这个变量。 这样只会动态创建和销毁新组件 ,并不能保存组件和里面的数据。这样就需要用到keep-alive把component包裹住,keep-alive只是缓存组件,并不会销毁组件 ...原创 2021-09-28 16:01:48 · 542 阅读 · 0 评论 -
Vue生命周期
生命周期是指一个组件从 创建–> 运行 -->销毁 的整个阶段,强调的是一个时间段 生命周期函数是由vue框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行 1.beforeCreate:初始化事件和生命周期函数。此时组件的props/data/methods尚未被创建,都处于不可用状态 ☆ 2.created:初始化props/data/methods。 此时组件的props/data/methods已创建好,都处于可用状态,但是组件的模板结构尚未生成(在这个阶段可以发起Ajax请求拿原创 2021-09-24 18:47:25 · 94 阅读 · 0 评论 -
vue的自定义属性props
props是自定义属性,允许使用者通过自定义属性,为当前组件指定初始值。自定义属性的名字是自己定义的(只要名字合法) props是只读的,不可修改 props:{ //自定义属性A: {/* 配置选项*/} //自定义属性B: {/* 配置选项*/} //自定义属性C: {/* 配置选项*/} init:{ //如果外界使用这个组件时 没有传递init属性 则默认值为0 default:0, //init的值类型必须为Number类型 否则报错 type:Number, //表原创 2021-09-24 18:12:33 · 577 阅读 · 0 评论 -
Vue组件传参
Vue组件传参一共有三种类型,即父向子传参,子向父传参,兄弟之间传参(只要不是父子关系就都是兄弟组件) 1.父向子传参: 父组件向子组件共享数据需要使用自定义属性----props 比如我们有父组件 Father 和 子组件 Son。如果需要父向子传参时,则需要在子组件Son中添加一个props(与data平级)。在props中可以添加自定义属性,属性名自己取。比如fromfather:{default:0, type:Number} 传参时只需要在父组件中使用子组件<Son :fromfather=原创 2021-09-24 17:57:14 · 1706 阅读 · 3 评论