代码篇幅太多了。
版次:2017 年 10 月第 1 版
"读书笔记:《Vue.js实战》 - 梁灏 著"继续阅读
在子组件里面声明 props
可以接收父组件传过来的值实现父组件向子组件的单向通信。
// 父组件 <son title="后除"></title> // 子组件 props: { titile: { type: String, required: true } }
"Vue 组件通信"继续阅读
组件名为多个单词,并且用连接线(-)连接,避免与 HTML 标签冲突,并且结构更加清晰。
示例:
// 反例 export default { name: 'item' } // 正例 export default { name: 'page-article-item' }
"基于 Vue 的前端开发规范"继续阅读
import Vue from 'vue' import Router from 'vue-router' import Login from '@/components/pages/login' import Capture from '@/components/pages/capture' import List from '@/components/pages/list' import CaptureFail from '@/components/pages/capture-fail' Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'Login', component: Login }, { path: '/capture', name: 'Capture', component: Capture }, { path: '/list', name: 'List', component: List }, { path: '/capture-fail', name: 'CaptureFail', component: CaptureFail } ] })
"vue-router路由懒加载"继续阅读
# 安装 Vue Cli
npm install vue-cli -g
# 初始化项目
vue init webpack vue-china-map
# 切到目录下
cd vue-china-map
# 安装项目依赖
npm install
# 安装 Vuex
npm install vuex --save
# 安装 Axios
npm install axios --save
# 安装 ECharts
npm install echarts --save
"Vue+Vuex+Axios+ECharts 画一个动态更新的中国地图"继续阅读