- 博客(5)
- 收藏
- 关注
原创 2020-09-10
【1】Vue router 1、安装:npm install vue-router或cnpm install vue-router或yarn add vue-router 2、在新建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 73
原创 Vue router的安装与跳转的使用
Vue router的安装与使用 安装有3种方式 1.npm install vue-router 2.cnpm install vue-router 3.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 120
原创 vue的传值方式
Vue常用的三种传值方式有: 1.父传子 2.子传父 3.非父子传值 先说说其中两种 父传子与子传父 1.父传子 父组件中引入子组件 引入js中 在data中定义 在components中进行注册 子组件 在props中接收父组件的值 2.子传父 子组件中: <template> <div class="hello"> 子组件: <h1>{{ msgs }}</h1> <!-- 定义一个子组件传值
2020-07-23 20:23:36 193
原创 Vue声明与生命周期
【1】Vue声明式渲染、条件与循环、事件绑定、双向绑定 1、{{ message }} 2、v-if 3、v-for 4、v-on:click 5、v-model vue的生命周期 一共8个阶段 beforeCreate (创建前) created (创建后) beforeMount (载入前) mounted (载入后) beforeUpdate (更新前) updated (更新后) beforeDestroy (销毁前) destroyed (销毁后) vue第一次页面加载会触发的几个钩子函数
2020-07-22 17:28:04 248
原创 vue的安装步骤
1.首先安装git工具点击右键出现git工具选项 2.然后安装node 检查node是否安装成功在git中输入node -v 安装成功 3.npm是否安装成功 在git中输入npm 4.在git工具中输入:npm install -g cnpm --registry=https://registry.npm.taobao.or 检验是否安装成功:cnpm 5.yarn 的安装 在git工具中输入 npm install -g yarn 检验是否安装成功:yarn -v 6.vue的安装 cnpm in
2020-07-22 11:29:27 124
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人