随笔分类 -  vue

记录学习vue的知识和问题
摘要:案列内容,包含,模板,路由传参,路由重定向,路由嵌套,能够复习路由基本使用,成果如图: 完整代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8" /> 6 <title>基于vue-router的案例< 阅读全文 »
posted @ 2021-01-30 15:15 小破的博客 阅读(132) 评论(0) 推荐(0) 编辑
摘要:vue-router拥有的功能: 支持h5历史模式或者hash模式 支持嵌套路由 支持路由参数 支持编程式路由 支持命名式路由 如何使用vue-router 1.使用router-link标签,在HTML中将转化为a标签,属性to为跳转的位置,HTML中为href 2.使用路由占位符,用于渲染路由数 阅读全文 »
posted @ 2021-01-30 13:09 小破的博客 阅读(109) 评论(0) 推荐(0) 编辑
摘要:基本特性: 更加简单的数据获取方式,功能更强大,更灵活,可以看做是xhr的升级版 使用 1 fetch('url').then(function(data){ 2 return data.text() 3 }).then(function(data){ 4 console.log(data); 5 阅读全文 »
posted @ 2021-01-27 15:52 小破的博客 阅读(203) 评论(0) 推荐(0) 编辑
摘要:1.概述 Promise是一步编程的一种解决方案,从语法上讲,promise是一个对象,从它可以获取异步的问题 Promise的优点: 可以避免多次异步调用嵌套导致的回调地域 提供了简洁的api,使得控制异步变得简单更加容易 详细promise使用规则https://developer.mozill 阅读全文 »
posted @ 2021-01-27 11:33 小破的博客 阅读(254) 评论(0) 推荐(0) 编辑
摘要:props规范:尽量使用短横线命名,props不区分大小写,如果使用驼峰的话可能会报错,如果要用驼峰话,在HTML中药用短横式如:props:[MenuList] 适用中<div menu-list='nihao'></div> 阅读全文 »
posted @ 2021-01-22 16:01 小破的博客 阅读(57) 评论(0) 推荐(0) 编辑
摘要:1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <t 阅读全文 »
posted @ 2021-01-22 15:27 小破的博客 阅读(96) 评论(0) 推荐(0) 编辑
摘要:1.注册组件 <body> <div class="app"> <button_i></button_i> </div> <script> Vue.component('button_i', { data: function () { return { count: 0 } }, template: 阅读全文 »
posted @ 2021-01-22 15:03 小破的博客 阅读(69) 评论(0) 推荐(0) 编辑
摘要:之前学习了交互式创建,发现过程无聊,而且不方便,后面又学习了图形可视化创建,下面进行分享 1.打开cmd 2.输入vue ui,输入后会出现如下 C:\Users\12235>vue ui🚀 Starting GUI...🌠 Ready on http://localhost:8000 将网址复 阅读全文 »
posted @ 2021-01-14 15:46 小破的博客 阅读(208) 评论(0) 推荐(0) 编辑
摘要:vue脚手架用于快速构建vue项目基本架构 下面开始安装vue-cli npm install -g @vue/cli # OR yarn global add @vue/cli以上两句命令都可以安装,安装完成后用cmd,输入vue -V查看是否安装成功以及版本号创建完成后开始创建第一个项目1.vu 阅读全文 »
posted @ 2021-01-14 15:04 小破的博客 阅读(232) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示