自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 2020-09-10

【1】Vue router1、安装:npm install vue-router或cnpm install vue-router或yarn add vue-router2、在新建router.js中引用如下代码import Vue from ‘vue’ import VueRouter from ‘vue-router’Vue.use(VueRouter)3、在src中新建view文件夹,在view新建例如:Home文件夹,在文件夹中新建index.vue<template>

2020-09-10 08:54:03 78

原创 Vue router的安装与跳转的使用

Vue router的安装与使用安装有3种方式1.npm install vue-router2.cnpm install vue-router3.yarn add vue-router安装成功后在src中新建view文件夹,在view下新建Home文件夹,在文件夹中新建index.vue在index.vue中输入<template> <div id="home"> <Content /> <router-link to

2020-07-24 11:41:10 126

原创 vue的传值方式

Vue常用的三种传值方式有:1.父传子2.子传父3.非父子传值先说说其中两种父传子与子传父1.父传子父组件中引入子组件引入js中 在data中定义 在components中进行注册子组件在props中接收父组件的值2.子传父子组件中:<template> <div class="hello"> 子组件: <h1>{{ msgs }}</h1> <!-- 定义一个子组件传值

2020-07-23 20:23:36 200

原创 Vue声明与生命周期

【1】Vue声明式渲染、条件与循环、事件绑定、双向绑定1、{{ message }}2、v-if3、v-for4、v-on:click5、v-modelvue的生命周期一共8个阶段beforeCreate (创建前)created (创建后)beforeMount (载入前)mounted (载入后)beforeUpdate (更新前)updated (更新后)beforeDestroy (销毁前)destroyed (销毁后)vue第一次页面加载会触发的几个钩子函数

2020-07-22 17:28:04 259

原创 vue的安装步骤

1.首先安装git工具点击右键出现git工具选项2.然后安装node 检查node是否安装成功在git中输入node -v安装成功3.npm是否安装成功 在git中输入npm4.在git工具中输入:npm install -g cnpm --registry=https://registry.npm.taobao.or检验是否安装成功:cnpm5.yarn 的安装 在git工具中输入 npm install -g yarn检验是否安装成功:yarn -v6.vue的安装 cnpm in

2020-07-22 11:29:27 128

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除