00-小白-CSDN博客

原创按Tab键自动跳转到下一行

HTML tabindex 属性https://www.w3school.com.cn/tags/att_standard_tabindex.asp提示和注释注释：以下元素支持 tabindex 属性：, , , , , 以及。<el-form-item prop="username"> <el-input v-model="username" placeh...

2019-11-16 10:32:38 2359

原创 git 用命令下载代码

第一步：创建新建一个文件夹第二步：选中文件夹右键–Git bash here–进入控制面板，输入命令git init 初始化化文件夹，把这个文件夹变成Git可管理的仓库第三步：把gitlab 上的项目地址复过来，git clone “htts…你的仓库地址”，点击回车，如下图安装依赖npm install在编辑器中安装依赖所碰到的问题如果不在同一个盘要回到所在文件的盘里才能...

2019-09-26 11:30:04 632

原创 Vue之UI框架Mint UI的使用 button 索引列表 ActionSheet等

基于Vue的Ui框架饿了么公司基于vue开的的vue的Ui组件库Element Ui 基于vue pc端的UI框架MintUi 基于vue 移动端的ui框架http://mint-ui.github.io/#!/enhttp://element.eleme.io/mintUI的使用：1.找官网2.安装 npm install mint-ui -S ...

2019-09-21 11:34:05 227

原创 Vue之路由配置安装以及跳转

https://router.vuejs.org/zh/vue路由配置：1.安装npm install vue-router --save / cnpm install vue-router --save2、引入并 Vue.use(VueRouter) (main.js) import VueRouter from 'vue-router' Vue.use(VueRoute...

2019-09-18 14:50:25 218

原创 Vue之路由动态路由嵌套路由 JS指定路由

动态路由1//1.创建组件import Content from ‘./components/Content.vue’;//2.配置路由注意：名字const routes = [ { path: '/content/:aid', component: Content }, /*动态路由*/]`3.在对应的显示的页面 this .$route.params ...

2019-09-18 14:42:29 239

原创 vue 之组件传值非父子组件传值

非父子组件传值1、新建一个js文件然后引入vue 实例化vue 最后暴露这个实例 <button @click="emitNews()">给News组件广播数据</button> VueEvent.jsimport Vue from 'vue';//空实例var VueEvent = new Vue()//暴露出去让人用export defau...

2019-09-17 14:01:46 54

原创 vue 之组件传值子组件主动获取父组件的数据和方法

父组件主动获取子组件的数据和方法：1.调用子组件的时候定义一个ref <v-header ref="header"></v-header>2.在父组件里面通过 this.$refs.header.属性 this.$refs.header.方法子组件主动获取父组件的数据和方法： this.$parent.数据 this...

2019-09-16 17:54:41 982

原创 vue 之组件传值（父组件传值给子组件）

1.父组件给子组件传值1.父组件调用子组件的时候绑定动态属性Home.vue <v-header :title="title" :homemsg='msg' > </v-header> \\ data中要传递的数据2、在子组件里面通过 props接收父组件传过来的数据Header.vue props:['title','homemsg'...

2019-09-16 15:57:02 142

原创 vue 之安装请求数据的模板 ,axios,

安装: npm install axios --save<div> <button @click="getData()">请求数据</button> <hr> <br> <ul> <li v-for="item in list" :key...

2019-09-11 14:56:48 141

原创 vue 之安装请求数据的模板， vue-resource

.vue-resource请求数据的步骤如下‘1.需要安装vue-resource模块，注意请加上 --save国外： npm install vue-resource --save / 国内： cnpm install vue-resource --save2.main.js 引入 vue-resourceimport VueResource from 'vue-r...

2019-09-11 11:51:21 103

原创 vue 之生命周期函数

主页<template> <div id="app">  <v-header> </v-header> <hr> <br>  <v...

2019-09-10 14:26:02 90

原创 vue. 传值和引用

传出页面数据:Quotation=“this” <calculation :Quotation="this"></calculation>引入页面接收用值 export default { props:['Quotation'], data(){ return{ } ...

2019-09-07 10:51:49 166

原创 vue之引入组件

1.引入组件2. 挂载组件3. 在模板中使用模板中引入<template> <div id="app">  {{msg}} <v-home></v-home> <hr> <br> <v-news></v-ne...

2019-09-06 17:11:30 190

原创 Vue 学习之封装模块方法

<template> <div >  <input type="text" v-model='todo' @keydown="doAdd($event)" /> <hr> <br> <...

2019-09-06 15:26:47 846

原创 vue 之定义方法改变数据以及事件对象等~~

click事件 1<button v-on:click="run1()">执行点击事件的第一种方法</button> run1:function(){ alert('这是第一个点击事件的方法') ; },click事件 2简写<button @click="run2()">执行点击事件的第二种方法</butt...

2019-09-04 17:59:38 472

原创 vue 之双向数据绑定

双向数据绑定 MVVM vue就是一个MVVM的框架。M modelV view 视图MVVM： model改变会影响视图view，view视图改变反过来影响model双向数据绑定必须在表单里面使用。1.代码 <h2>{{msg}}</h2> <input type="text" v-model='msg' /> <but...

2019-09-04 16:03:18 81

原创 Vue 之深入理解绑定指令

深入理解绑定指令v-bind入门1.<div v-bind:title="message" >点击查看</div> data() { return { message:'我是一个title', }渲染显示** 绑定属性 ** <img src="http://img0.imgtn.bdimg.com/i...

2019-09-04 14:20:09 119

weixin_42504044的博客