![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
qq_39586440
这个作者很懒,什么都没留下…
展开
-
使用vue cli4和手动安装vue-router的区别
文章目录前言一、使用vue cli4和手动安装vue-router的区别二、使用步骤1.引入库2.读入数据总结前言上一篇介绍了vue-router的基本使用,随后博主自己在练习的时候碰到了一个问题,在这里分享给大家。一、使用vue cli4和手动安装vue-router的区别我在使用二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seabor原创 2020-12-20 19:47:29 · 1398 阅读 · 0 评论 -
新手入门vue-router(一)
文章目录前言一、vue-router的使用二、嵌套子路由三. 动态路由总结前言我们的html、css、js等文件经webpack打包,存放在服务器中,当我们发起请求,每个url对应一个js文件,然后渲染出我们的页面。url与js文件的映射关系被称为路由映射表,这就是路由的基本定义。vue-router为了单页面富应用(SPA)而生,利用vue-router,我们的页面实现了无刷新更改页面url,访问不同的内容。webpack打包时,会将每一个路由文件单独打包为一个js,在页面请求时按需加载。一、原创 2020-12-05 21:38:41 · 106 阅读 · 0 评论 -
vue-cli脚手架工程(一)--起步
文章目录前言一、安装二、创建一个项目1.命令行创建2.vue ui图形化管理界面总结前言之前写的vue小demo都是通过script直接引入vue,裸写vue工程,本文将介绍vue-cli脚手架的安装及如何创建工程。Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:1、通过 @vue/cli 实现的交互式的项目脚手架。2、通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。3、一个运行时依赖 (@vue/cli-servic原创 2020-12-03 21:34:18 · 142 阅读 · 0 评论 -
超详细vue组件开发(三)--slot插槽
文章目录前言一、slot的基本使用二、具名插槽三.作用域插槽总结前言上一篇介绍了组件之间的相互访问,不同于组件通信的是:通过props和this.$emit()只能传递数据;而访问除了数据还可以访问组件内部的方法。接下来介绍组件插槽slot的运用。slot包括基本slot的使用、具名插槽以及作用域插槽。一、slot的基本使用首先介绍最基本的slot使用,让大家了解插槽是什么。组件的特性就是可复用,这也是开发组件的目的,但是不同的应用场景对组件的需求也不尽相同。这时,slot就允许我们替换掉插槽原创 2020-12-03 20:41:57 · 326 阅读 · 0 评论 -
超详细Vue组件开发(二)--组件通信
文章目录前言一、子组件的props属性二、使用步骤1.引入库2.读入数据总结欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言组件通信使得父子组件之间可以传递数据,扩展了组件的功能。本文原创 2020-11-30 23:19:25 · 79 阅读 · 0 评论 -
超详细Vue组件化开发(一)
Vue学习笔记一、什么是组件、为什么使用组件?二、组件基础1.注册并使用组件2.读入数据总结一、什么是组件、为什么使用组件?把整个页面划分为一个个小的模块,这些模块共同完成整个页面的功能,这些小模块就是组件。图片左侧是组件示意图,这个页面由多个组件构成,有的组件内部还包含多个组件。右侧是组件的组织形式,组件树。使用组件开发工程,可以帮助我们管理,组件的可复用性提高了开发效率。二、组件基础1.注册并使用组件代码如下(示例):<script> 2.读入数据代码如下(示例):原创 2020-11-27 09:41:03 · 473 阅读 · 0 评论