实习前端框架
文章平均质量分 67
dengdengchen
这个作者很懒,什么都没留下…
展开
-
node.js和vscode的安装
node.js安装一、安装步骤下载对应你系统的Node.js版本:https://nodejs.org/en/download/ 选安装目录进行安装(这里可以自定义安装位置) 环境变量配置以及测试二、具体过程1.下载软件,我下载的是.msi文件,需要安装,一直next就可以了,如果需要更改安装位置的话,可以自己更改;如果下载的是zip压缩包,只需要将其解压放置在你想要放置的文件夹...原创 2020-02-10 12:51:07 · 12734 阅读 · 6 评论 -
vue+elementUI 表格增删改查
看到网上的增删改查度用了接口,但是这个我没接触,不太懂;还有其他的增删改查是前后台结合,认为这个的增删改查很棒也好写点。我写的这个增删改查是纯前端的,无接口,无后台。若之后写了在更新1、删:选中一行数据,然后进行删除HTML:<el-button size="mini" ype="danger" @click="handleDelete(scope...原创 2019-08-29 10:23:04 · 22858 阅读 · 14 评论 -
vue安装插件的小坑
This is related to npm not being able to find a fileno such file or directory, access(错误)利用npm安装vue-resource师出现错误,大致意思是:没有这样的文件或目录进行访问,这与NPM找不到文件有关。也就是npm没有这个权限去下载。。。解决方法:用cnpm 淘宝镜像下载就可以...原创 2019-07-19 09:41:12 · 2289 阅读 · 0 评论 -
父子组件和非父子组件之间的传值
1、父子组件之间的传值1.1、父组件给子组件传值(data,methods,以及整个组件)早些时候,我们提到了创建一个博文组件的事情。问题是如果你不能向这个组件传递某一篇博文的标题或内容之类的我们想展示的数据的话,它是没有办法使用的。这也正是 prop 的由来。Prop 是你可以在组件上注册的一些自定义特性。当一个值传递给一个 prop 特性的时候,它就变成了那个组件实例的一个属性。为...原创 2019-07-16 16:33:50 · 1194 阅读 · 0 评论 -
4、todo实例
1、todo实例的实现实现的页面注:<el-input>没有click和keydown时间。当标签为<el-input>@keydown没有触发效果,只能使用<input>,如果觉得外观不好看,可以书写<input>的CSS样式,使其美观以下是代码:<template> <div id="app">...原创 2019-07-11 15:14:58 · 293 阅读 · 0 评论 -
3、数据绑定,双向绑定
1、数据双向绑定vue就是一个MVVM的框架。M modelV viewMVVM: model改变会影响视图view,view视图改变反过来影响model双向数据绑定必须在表单里面使用2、事件对象的绑定event.srcElement:表示的当前的这个事件源也就是上文的e.srcElement3、实现数据的双向绑定this.list.push(...原创 2019-07-09 16:57:15 · 218 阅读 · 0 评论 -
vue加载本地json数据
1、json数据存放在除static静态文件夹中,这种方法暂时还没出来,若有大神知道,可否能指导一二2、json数据存放在static静态文件夹中1、编写好json 数据,按照这个格式编写json数据2、安装axios 安装方法:npm install axios3、配置axios,在main.js中引用axios,如下图所示4、就可以调用json数据了,也可以加上...原创 2019-06-26 10:35:15 · 6709 阅读 · 0 评论 -
VScode 自动修复vue项目中eslint报错
1、安装插件 eslint-plugin-vuenpm i -g eslint-plugin-vue2、修改项目跟路径下的文件:.eslint.js添加vue选项3、添加eslint 和 vetur 插件,直接在插件库中下载4、修改vscode首选项配置【汉化版 文件>首选项>设置找到对应的配置文件】【英文版 file>preferences>s...原创 2019-06-18 13:52:31 · 12569 阅读 · 1 评论 -
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 · 996 阅读 · 0 评论 -
如何将本地vue项目上传到github
如何将本地vue项目上传到github1.1 创建一个本地项目新建一个vue-cli项目进到自己的本地项目文件下,右键-选择git bash here(如下图)1.2 建立本地仓库如上点击git bash here之后即可打开git客户端黑窗口,输入命令:git init初始化,初始化成功后你会发现项目里多了一个隐藏文件夹.git(.git是...转载 2019-06-12 16:02:04 · 6430 阅读 · 0 评论 -
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 · 8047 阅读 · 0 评论 -
echarts表格 关系图的部分解说
效果图如上途中遇到一些问题,记录一下,以防以后忘记1、在官网下载的demo,无法在本地运行。有三个错误:①没有将demo的百度api换成自己的②没有加载jquery资源③本地没有服务器,不能启动HTML,这三者的原因导致无法在本地运行解决办法:①没有百度api,自行注册②本地服务,通过npm install http-server -g,下载http-server。启动...原创 2019-05-22 16:21:23 · 513 阅读 · 0 评论 -
2、vue组件快速入门
对vue组件有了一点点的了解components,该文件夹就是存放组件,创建vue-cli时,会出现一个Helloworld.vue(这个就是一个组件)。使用方法:在app.vue主页面中,按一下代码类型进行组件化完善...原创 2019-05-22 15:39:40 · 118 阅读 · 0 评论 -
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 · 177 阅读 · 0 评论 -
总是报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 · 31217 阅读 · 2 评论 -
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 阅读 · 0 评论 -
vue v-for 传值
学习vue框架的第两天,今天主要研究v-for的使用v-for的一些使用技巧:https://blog.csdn.net/qq_32953185/article/details/83066871之前能够获取数值的值,但是不知道如何从中获取一条值。突然受到启发使用参数,然后传值,具体要求:1:显示上面书籍列表中的所有书籍名称。点击书籍名称显示书籍的具体信息(书名和价格)。鼠...原创 2019-05-08 17:32:55 · 6653 阅读 · 1 评论 -
VUE for实例
1.1、简单数组如果你添加了一个规则:vetur,这个时候有两种解决方案①更改vetur配置 vscode->首选项->设置->搜索(vetur)"vetur.validation.template":true,改成:false②添加一个key,切记key前面一定要有:如下图所示完整代码1.2、对象数组(这...原创 2019-05-08 13:02:41 · 186 阅读 · 0 评论