1.<tab-bar> 切换时,iocn高亮跟着切换问题 vux的Tabbar组件是用来实现底部tab栏,详情见官网文档 , 实现实例截图: 代码如下,控制高亮的是代码凸显部分:selecetd <template> <div> <group> <cell is-link title="Simple" link="/component/tabbar-simple"></cell> <cel…

设置代理,避免出现跨域问题 /*设置代理,避免出现跨域问题*/ proxyTable: { '/api':{ target: 'https://www.oschina.net/action/apiv2/', changeOrigin: true, pathRewrite: { '^/api': '' } } }, api/index.js  接口配置 /** * 引入 异步请求API */ import "whatwg-fetch" const host_addr='http://19…

1.安装 jquery 和 whatwg-fetch (优雅的异步请求API) npm install jquery --save npm install whatwg-fetch --save 2.api接口封装 api/index.js /** * 引入 异步请求API */ import "whatwg-fetch" const host_addr='http://192.168.1.110:8081/' /** * 获取资讯列表 */ export let getList =…

1.综合页(首页) Home.vue <!-- 首页 --> <template> <div> <!-- 顶部 标题栏 --> <app-header></app-header> <!-- 选项卡 --> <tab :line-width="2" v-model="index"> <tab-item :selected="tag === item"…

1.MySettings.vue <!-- 我的设置 --> <template> <div> <img class="img_1" src="../../assets/img/bg_cir.png"> <div class="news-wrap"> <cell title="我的消息" is-link> <img slot="icon&q…

1.Footer组件 Footer.vue <!-- 底部 footer --> <template> <div> <tabbar> <!-- 综合 --> <tabbar-item :link="{path:'/'}" selected> <img slot="icon" src="../assets/img/ic_nav_news_normal.png"> &…

1.main.js import Vue from 'vue' import FastClick from 'fastclick' import VueRouter from 'vue-router' import App from './App' // 自定义的路由文件 import router from './router' // 解决300ms延迟问题 FastClick.attach(document.body) Vue.config.productionTip = false /*…

1.快速搭建项目模板 因为项目使用vux,所以推荐使用vux官网的airyland/vux2 模板,vue-cli工具是vue项目的搭建脚手架 默认为 webpack2 模板,如果你需要使用webpack1,请使用 vue init airyland/vux2#webpack1 projectPath npm install vue-cli -g // 如果还没安装 vue init airyland/vux2 projectPath cd projectPath npm install --r…

Vue2.0 推荐开发环境 Homebrew 1.0.6(Mac).Node.js 6.7.0.npm 3.10.3.webpack 1.13.2.vue-cli 2.4.0.Atom 1.10.2 安装环境 打开终端运行以下命令 安装brew(Windows 跳过这步) /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 安装 nodejs…

Jinkey原创感谢 showonne.yubang 技术指导Demo 地址:http://demo.jinkey.io/vue2源码:https://github.com/Jinkeycode/vue2-example 什么是 Vue Vue 是一个前端框架,特点是数据绑定 比如你改变一个输入框 Input 标签的值,会自动同步更新到页面上其他绑定该输入框的组件的值 数据绑定 组件化 页面上小到一个按钮都可以是一个单独的文件.vue,这些小组件直接可以像乐高积木一样通过互相引用而组装起来 组…