
vue基础
lemon94924
菜鸡学习中
展开
-
【avue-curd表格常用属性和用法】
**avue-curd表格修改一列样式**绑定class页面<avue-crud ref="fdcPersonTable" :data="listData" @selection-change="selectionChange" id="printTable":option="option" stripe :page.sync="page"@on-load="onPageLoad"@row-dblclick="handleRowDBLClick"@sort-change="sortCh原创 2022-05-25 17:52:51 · 713 阅读 · 0 评论 -
vue基础之定义stylus变量,修改webpack设置优化代码
定义stylus变量1.新建varibles.styl2.定义一个背景颜色变量$bgColor = #00bcd43.直接使用此变量background-color: $bgColor(主要用于网站改版时大量基础色调的更换,方便快捷维护性好)修改webpack设置优化代码使用背景:某路径一直使用,且代码冗长繁琐。1.在webpack.base.conf.js中的reslove中...原创 2019-05-06 21:21:16 · 1131 阅读 · 0 评论 -
Vue基础之嵌套路由
/*1.创建组件*/import User from './components/User.vue';import UserAdd from './components/User/UserAdd.vue';import UserList from './components/User/UserList.vue';/*2.定义路由*/const routes = [ { path:...原创 2019-04-25 15:40:37 · 107 阅读 · 0 评论 -
Vue基础之路由结合请求数据
思路:1.主页(App.vue)设置新闻导航,2.(News.vue)用vue-resource请求数据得到新闻列表,3.每个新闻列表设置路由进入新闻详情页(Content.vue)main.js**main.js**/*设置vue-resource*/import VueResource from 'vue-resource';Vue.use(VueResource);impo...原创 2019-04-25 09:39:59 · 806 阅读 · 0 评论 -
Vue基础之路由
1.安装npm install vue-router --savecnpm install vue-router --save2.引入并Vue.use(VueRouter)【main.js中】import Vue from ‘vue’import VueRouter from ‘vue-router’Vue.use(VueRouter)3配置路由import VueRouter f...原创 2019-04-24 20:55:53 · 134 阅读 · 0 评论 -
Vue基础之父子组件的传值
1.父组件给子组件传值(方法)1.父组件调用子组件,绑定动态属性 <v-header :title="title" :run="run"></v-header>2.子组件通过pros接受父组件的传值 props:['title','run']3.直接在子组件里使用 <h2> {{ title }}</h2> <but...原创 2019-04-24 13:49:06 · 157 阅读 · 0 评论 -
Vue基础之vue-resource,axios请求数据
1.vue-resource请求数据 1.安装vue-resource模块 注意加上--save npm-install vue-resource --save //cnpm-install vue-resource --save 2.main.js引入vue-resource import VueResource from 'vue-resource'; Vue.use(VueRe...原创 2019-04-24 13:02:06 · 203 阅读 · 0 评论 -
Vue基础之todolist(localstorage组件封装及生命周期函数)
实现功能:1.输入框输入商品后回车添加信息至商品;2.点击商品下的checkbox添加商品至购物车;3.每项商品或购物车带有删除功能,可直接删除商品;4.页面刷新后信息不变,即商品信息及购物车信息不变。app.vue代码<template> <!-- --> <div id="app"> <input type="text...原创 2019-04-23 15:39:25 · 386 阅读 · 0 评论 -
Vue基础值ElementUI的使用
1.全局引入1.安装cnpm i element-ui -S2.Element Ui的引入import ElementUI from ‘element-ui’;import ‘element-ui/lib/theme-chalk/index.css’;Vue.use(ElementUI);3.根据文档使用,同layui,easyUi2.按需引入1.安装 babel-plugin-...原创 2019-04-25 20:02:17 · 181 阅读 · 0 评论