https://github.com/jacobhsu/vue-props

https://github.com/jacobhsu/vue-props

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/jacobhsu/vue-props
• Owner: JacobHsu
• Created: 2019-09-10T01:42:57.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T09:40:32.000Z (about 2 years ago)
• Last Synced: 2024-04-10T16:05:28.826Z (9 months ago)
• Language: Vue
• Homepage: https://jacobhsu.github.io/vue-props/
• Size: 3.57 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 25
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vue-props

vue create vue-props  

merge  

Vue CLI v3.6.2

┌────────────────────────────┐

│  Update available: 3.11.0  │

└────────────────────────────┘

? Please pick a preset: Manually select features

? Check the features needed for your project: Babel, Router, Vuex

? Use history mode for router? (Requires proper server setup for index fallback in production) Yes

? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? In dedicated config files

? Save this as a preset for future projects? Yes

`$ cd vue-props`  

`$ yarn serve`

## deploy  

[![NPM](https://nodei.co/npm/gh-pages.png?downloads=true&stars=true)](https://nodei.co/npm/gh-pages/)   

npm [gh-pages](https://www.npmjs.com/package/gh-pages)  

`npm install gh-pages --save-dev`  

package.json

```js

  "scripts": {

	...

    "deploy": "npm run build && gh-pages -d dist"

  },

```

vue.config.js 

```js

module.exports = {

    publicPath: 'vue-props'   

}

```

https://jacobhsu.github.io/vue-props  

# Note

父子元件溝通(Props down, Events up) 

![Props down, Events up](https://d1dwq032kyr03c.cloudfront.net/upload/images/20180105/20107673f0zb0ZxRz9.png)

eventBus [兄弟组件间通信](https://www.helloweba.net/javascript/614.html)  

# Debug

import Child from './Children.vue' fail

`npm install --save core-js`  

## Project setup

```

yarn install

```

### Compiles and hot-reloads for development

```

yarn run serve

```

### Compiles and minifies for production

```

yarn run build

```

### Run your tests

```

yarn run test

```

### Lints and fixes files

```

yarn run lint

```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).