易兒善

前言为了练习vue.js 之前做了一个vue.js前端分页效果，后面看到vue.js组件内容，就试着把这个功能写成一个简单组件，向组件元素传递一个object参数，包含分页数据，显示的列名信息，分页信息，组件提供一个事件，传递给父元素一个分页信息，父元素拿着分页信息获取数据，修改之前的object。这样就实现了分页效果。效果知识点components 组件props 父级

Vue.js 结合bootstrap 前端实现分页和排序效果写之前先抱怨几句。本来一心一意做.net开发的，渐渐地成了只做前端。最近项目基本都用java做后台，我们这些.net的就成了前端，不是用wpf做界面，就是用html写web页面。 深知自己前端技术不足，以前虽说用asp.net前后台都做，但是，对于前端都是用现成的js库和页面模板，对于vue.js等框架基本没有接触过。 只怪自己不会写j

一、编辑记账页面hello.vue<template> <div> <div id="TopTitle"> <mt-header v-bind:title="msg"> </mt-header> <mt-field label="￥" placeholder="在此输入记账金额" type="number" v-model="money"></mt-f

一、添加两个新页面 /components/ MonthCount.vue<template> <div id="MonthCount" > <div class="chart"> <div id="Chart"></div> </div> <ul class="list"> <li v-for="item in listData">

一、安装我们所需要的一些库 cnpm install mint-ui -S // 安装mint-ui库，ui库，cnmp是按照淘宝镜像后的用法，用法和npm一样。-s是将库添加到项目的package.json文件中。 cnpm install echarts -S // 安装echarts库。用于绘制图表 cnpm install vue-resource -S // 相当于

一、前提 1、安装好node.js 2、安装好npm 3、安装好vue-cli 如何安装这里就跳过，网上一大推。 当然装上npm的淘宝镜像更好二、构建项目 1、进入项目文件夹 2、生成项目 执行 vue init webpack MyBill 3、查看 利用vue-cli 构建的文件夹如下 4、初始化项目 cd mybill npm

一、前言作为一个asp.net 程序员，当发现Vue.js的存在时就爱上它，但是在asp.net应用中使用Vue一时让我无从上手。直到最近有了点心得。就计划把之前做的一个记账应用前端改为Vue2实现。二、 效果如下 这个是之前做一个小应用，使用asp.net+Mui做的，也算是前后台分离的。三、新程序的构思依然使用asp.net作为后台，因为就熟悉这个。前台选用Vue2.js。ui选用 mi