
前端vue学习
前端vue学习
00-小白
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue 学习 之 封装模块方法
<template> <div > <!-- 实现回车键事情@keydown="doAdd($event)" --> <input type="text" v-model='todo' @keydown="doAdd($event)" /> <hr> <br> <...原创 2019-09-06 15:26:47 · 898 阅读 · 0 评论 -
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 · 272 阅读 · 0 评论 -
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 · 261 阅读 · 0 评论 -
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 · 306 阅读 · 0 评论 -
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 · 82 阅读 · 0 评论 -
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 · 1059 阅读 · 0 评论 -
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 · 176 阅读 · 0 评论 -
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 · 207 阅读 · 0 评论 -
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 · 144 阅读 · 0 评论 -
vue 之 生命周期函数
主页<template> <div id="app"> <!-- 3.在模板中使用 --> <v-header> </v-header> <hr> <br> <!-- <v-news></v-news> --> <v...原创 2019-09-10 14:26:02 · 124 阅读 · 0 评论 -
vue. 传值和引用
传出页面数据:Quotation=“this” <calculation :Quotation="this"></calculation>引入页面接收 用值 export default { props:['Quotation'], data(){ return{ } ...原创 2019-09-07 10:51:49 · 213 阅读 · 0 评论 -
vue之 引入组件
1.引入组件2. 挂载组件3. 在模板中使用模板中引入<template> <div id="app"> <!-- 3.在模板中使用 --> {{msg}} <v-home></v-home> <hr> <br> <v-news></v-ne...原创 2019-09-06 17:11:30 · 249 阅读 · 0 评论 -
git 用命令下载代码
第一步:创建新建一个文件夹第二步:选中文件夹右键–Git bash here–进入控制面板,输入命令git init 初始化化文件夹,把这个文件夹变成Git可管理的仓库第三步:把gitlab 上的项目地址复过来,git clone “htts…你的仓库地址”,点击回车,如下图安装依赖npm install在编辑器中安装依赖所碰到的问题如果不在同一个盘 要回到所在文件的盘里才能...原创 2019-09-26 11:30:04 · 687 阅读 · 0 评论