VUE—简单认识
import Vue from 'vue';
import VueRouter from 'vue-router';
import App from 'components/app.vue';
import Routers from './router.js';
import iView from 'iview';
import 'iview/dist/styles/iview.css';
Vue.use(VueRouter);
Vue.use(iView);
// The routing configuration
const RouterConfig = {
routes: Routers
};
const router = new VueRouter(RouterConfig);
new Vue({
el: '#app',router: router,render: h => h(App)
});
npm install babel-plugin-import --save-dev
// .babelrc
{
"plugins": [["import",{ "libraryName": "iview","libraryDirectory": "src/components" }]]
}
import { Button,Table } from 'iview';
Vue.component('Button',Button);
Vue.component('Table',Table);
import 'iview/dist/styles/iview.css';
Correct usage:
<Page :current="1" :total="100"></Page>
Incorrect usage:
<Page current="1" total="100"></Page>
Button: i-button
Col: i-col
Table: i-table
Input: i-input
Form: i-form
Menu: i-menu
Select: i-select
Option: i-option
Progress: i-progress
iview-loader:
Switch: i-switch
Circle: i-circle
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- angularjs – AWS Cognito来自Developer身份验证的令牌无效
- scala – SBT多项目构建与动态外部项目?
- typescript – 在/node_modules/angular2/src/testing/matc
- webservices客户端开发时遇到的一些问题
- Bash 4.3.33中的字符串替换(为小写) – 错误的替换错误
- bash – 以递归方式在zip文件列表中grep一个模式
- Shell基础知识
- angularjs – Angular ui-grid表,客户端分页和滚动
- AngularJS – 设置指令模板中定义的模型
- angularjs – 没有用户身份验证的安全REST API(无凭据)