![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 50
呵呵菜鸟
这个作者很懒,什么都没留下…
展开
-
vue学习(八)vue2.0路由vue-router的简单入门使用
vue-router官网中文文档:Vue RouterVue Router 是Vue.js官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向,就是我在页面上点击一个按钮需要跳转到对应的页面,这就是路由跳转;首先我们来学习三个单词(route,routes,router): route:首先它是个单数,译为路由,即我们可以理解为单个路由或者某一个路由; routes:它是个复数,表示多个的集合才能为复数;即我们可以理解为多个..原创 2022-03-11 15:44:50 · 3164 阅读 · 1 评论 -
vue学习(七)使用Axios实现ajax请求
axios网址:https://www.kancloud.cn/yunye/axios/234845一、Axios安装方式1、使用 npm:npm install axios在项目根目录下面执行上面的命令。2、使用 cdn:<script src="https://unpkg.com/axios/dist/axios.min.js"></script>在index.html页面引入这个js。两种方式任选其一。二、Axios的请求方法get请原创 2022-03-10 23:00:40 · 192 阅读 · 0 评论 -
vue学习(六)子组件的事件传递给父组件
1、子组件:DemoHello.vue<template> <!-- @click="getUserInfo()": 子组件自定义事件 --> <div class="demo" @click="getUserInfo()"> <h1>测试创建组件</h1> </div></template><script>export default { name: 'Demo原创 2022-03-09 22:44:04 · 3284 阅读 · 0 评论 -
vue学习(五)父组件给子组件传递值
1、子组件:DemoHello.vue文件<template> <div class="demo"> <h1>测试创建组件</h1> <p>{{msg}}</p> <p>年龄:{{age}}</p> <p>总数:{{count}}</p> <p>内容:{{name}}</p> </div原创 2022-03-09 21:54:56 · 1225 阅读 · 0 评论 -
vue学习(四)脚手架创建的vue项目中,组件的创建、使用,以及引用css文件
脚手架创建的vue项目结构如图:components:所有的vue组件都是写在这个里面的。assets:存放css文件的。1、创建组件1、现在components文件夹中创建一个.vue的文件,这个文件不能是单个单词,必须多个。DemoHello.vue<template> <div class="demo"> <h1>测试创建组件</h1> </div></template>原创 2022-03-09 21:05:52 · 606 阅读 · 0 评论 -
VUE学习(三)html引入vue.js,组件的创建和使用
1、html页面中引入vue.js,简单的创建和使用vue组件<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body&原创 2022-03-09 10:15:08 · 5313 阅读 · 1 评论 -
VUE学习(一)下载VS Code及插件、node.js、npm、vue-cli
官网:Visual Studio Code - Code Editing. Redefined需要下载的插件有: Auto Rename Tag:能够自动更改结束标签 Live Server:自动搭建本地服务器 Prettier - Code formatter:代码美化 Vetur:vue组件格式支持 vscode-icons:美化文件图标 ...原创 2022-02-06 15:00:51 · 1749 阅读 · 0 评论