Vue – 后除

读书笔记:《Vue.js实战》 - 梁灏著

2018年9月24日2021年12月27日后除发表评论

代码篇幅太多了。

版次：2017 年 10 月第 1 版

"读书笔记:《Vue.js实战》 - 梁灏著"继续阅读

Vue 组件通信

2018年7月7日2018年8月12日后除发表评论

一、父组件向子组件通信（Prop）

在子组件里面声明 props 可以接收父组件传过来的值实现父组件向子组件的单向通信。

// 父组件
<son title="后除"></title>

// 子组件
props: {
    titile: {
        type: String,
        required: true
    }
}

"Vue 组件通信"继续阅读

基于 Vue 的前端开发规范

2018年6月8日2018年10月7日后除发表评论

一、框架 / Vue

1.组件名

组件名为多个单词，并且用连接线（-）连接，避免与 HTML 标签冲突，并且结构更加清晰。

示例：

// 反例
export default {
    name: 'item'
}

// 正例
export default {
    name: 'page-article-item'
}

"基于 Vue 的前端开发规范"继续阅读

vue-router路由懒加载

2018年4月26日2018年8月12日后除发表评论

正常配置

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+Vuex+Axios+ECharts 画一个动态更新的中国地图

2017年12月3日2023年2月5日后除发表评论

一、生成项目及安装插件

# 安装 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 画一个动态更新的中国地图"继续阅读