2019年05月_dengdengchen

原创 1、vue-router跳转用法详解

vue-router是一个单页面的路由器，也就是说所有的跳转都会在这个页面实现。1、简单的跳转。①首先要安装vue-router，利用npm进行安装npm install vue-router或者cnpm install vue-router②在APP.vue进行引用，<router-link to="/user">user</router-link>...

2019-05-30 17:22:40 8052

原创 router.js

import Vue from "vue"import VueRouter from "vue-router"Vue.use(VueRouter)const a = { template: '<div>foo</div>' }const b = { template: '<div>about</div>' }const user =...

2019-05-29 10:17:10 999

原创 echarts表格关系图的部分解说

效果图如上途中遇到一些问题，记录一下，以防以后忘记1、在官网下载的demo，无法在本地运行。有三个错误：①没有将demo的百度api换成自己的②没有加载jquery资源③本地没有服务器，不能启动HTML，这三者的原因导致无法在本地运行解决办法：①没有百度api，自行注册②本地服务，通过npm install http-server -g，下载http-server。启动...

2019-05-22 16:21:23 515

原创 2、vue组件快速入门

对vue组件有了一点点的了解components，该文件夹就是存放组件，创建vue-cli时，会出现一个Helloworld.vue(这个就是一个组件)。使用方法：在app.vue主页面中，按一下代码类型进行组件化完善...

2019-05-22 15:39:40 119

原创总是报Expected indentation of 0 spaces but found 2如何解决

利用vscode书写vue框架，一直报下面的错误。该错误的意思是本应该是两个空格，但是却出现了四个。也就是代码规范的错误。是自己在创建vue框架时，选择了usesEslint规范，从而导致不能使用tab键看到网上有说各种各样的，总结之后，得1、划重点：利用配置，自动修复vue项目中eslint报错，具体步骤可参照：https://blog.csdn.net/dengdengchen...

2019-05-20 10:56:50 31236 2

原创 vue 第一次总结

学习vue一个星期的总结：<script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script><template> <div id="app"> 这是一个基本的vue应用 <ul class = "ul"&g...

2019-05-13 10:38:27 179

原创 a,li标签的部分css样式

//ul的class名.book{ list-style-type:none; font-weight:bold; color:red; cursor: pointer;}.book:hover { background:#dbdbdb;//鼠标悬停时出现一横条背景色 color:black;//鼠标悬停或者划过时字变成黑色}.a{ cursor: poin...

2019-05-09 09:38:21 1268

原创 vue v-for 传值

学习vue框架的第两天，今天主要研究v-for的使用v-for的一些使用技巧:https://blog.csdn.net/qq_32953185/article/details/83066871之前能够获取数值的值，但是不知道如何从中获取一条值。突然受到启发使用参数，然后传值，具体要求：1：显示上面书籍列表中的所有书籍名称。点击书籍名称显示书籍的具体信息（书名和价格）。鼠...

2019-05-08 17:32:55 6662 1

原创 VUE for实例

1.1、简单数组如果你添加了一个规则：vetur，这个时候有两种解决方案①更改vetur配置 vscode->首选项->设置->搜索（vetur）"vetur.validation.template":true,改成：false②添加一个key,切记key前面一定要有：如下图所示完整代码1.2、对象数组（这...

2019-05-08 13:02:41 188

dengdengchen的博客