Vue從開始到入坑
查看官網(wǎng)和網(wǎng)友的資料總結(jié)
1.首先通過vue-cli腳手架快速建立項目（不多介紹）
2.UI使用Vux
- 打開build文件下的webpack.base.conf.js文件，添加官網(wǎng)說明代碼
const webpackConfig = module.exports
const vuxLoader = require('vux-loader')
module.exports = vuxLoader.merge(webpackConfig, {
options: {},
plugins: [
{
name: 'vux-ui'
}
]
})
- 打開你要改的后綴為vue的文件
<template>
<div id="app">
11122
<group>
<cell title="title" value="value"></cell>
</group>
<grid>
<grid-item label="Grid" v-for="i in 9">
</grid-item>
</grid>
</div>
</template>
<script>
import { Group, Cell, Grid, GridItem } from 'vux'
export default {
name: 'app',
components: {
Group,
Cell,
Grid,
GridItem
}
}
</script>
- 效果如圖
效果圖
下一步，添加vue-route
?itcong
