vue
关注
分享
扫一扫
文章平均质量分 50
呵呵菜鸟
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue学习（八）vue2.0路由vue-router的简单入门使用
vue-router官网中文文档：Vue Router Vue Router 是Vue.js官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转； 首先我们来学习三个单词（route，routes，router）： route：首先它是个单数，译为路由，即我们可以理解为单个路由或者某一个路由； routes：它是个复数，表示多个的集合才能为复数；即我们可以理解为多个..原创 2022-03-11 15:44:50 · 3505 阅读 · 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 · 248 阅读 · 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 · 3471 阅读 · 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 · 1289 阅读 · 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 · 693 阅读 · 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 · 5596 阅读 · 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 · 1985 阅读 · 0 评论