关于项目
- 查看node是否装好 node -v
- 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org
- 安装vue-cli cnpm install --global vue-cli
- 安装项目 vue init webpack-simple
- 安装相关模块 cnmp install
- 启动项目 npm run dev
- 安装router cnpm install vue-router --save
- 安装element cnpm i element-ui -S
关于路由
1.下载并引入路由
cnpm install vue-router --save
import RouterVue from "vue-router"
Vue.use(RouterVue);
2.在模板中使用路由标签
<router-link to="home">主页</router-link>
<router-link to="news">新闻页</router-link>
<div>
<router-view></router-view>
</div>
3.在js的vue中配置路由路径
router: new RouterVue([
{ path: "/home", component: Home },
{ path: "/news", component: News }
]),
关于elementui
- 安装element cnpm i element-ui -S
- 安装字体解析器 cnpm i url-loader -D
- 配置文件
{
test: /\.(woff|svg|eot|ttf)\??.*$/,
loader: 'url-loader'
},
4.引入element并使用
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
Vue.use(ElementUI);