vue 自己整理

vue router 写法三种

{
		path: '/login',
		name: 'Login',
		component: (resolve) => require(['../views/login.vue'], resolve),
	},
 {
      path: '/news/detail',
      name: 'news-detail',
      component: () => import('@/page/news/detail.vue')
    }
    import Index from './views/index/Index.vue'
Vue.use(Router)

export default new Router({
    // mode: 'history',
    base: process.env.BASE_URL,
    routes: [
        {
            path: '/index',
            name: 'index',
            component: Index,
    
        }
    ]

vue的路由配置文件(routers.js)，一般使用import引入的写法，当项目打包时路由里的所有component都会打包在一个js中，在项目刚进入首页的时候，就会加载所有的组件，所以导致首页加载较慢，而用require会将component分别打包成不同的js，按需加载，访问此路由时才会加载这个js，所以就避免进入首页时加载内容过多。

require: 运行时调用，理论上可以运用在代码的任何地方，import：编译时调用，必须放在文件开头

让浏览器滚动条不显示,可以设置宽高为98vwvh

原生input直接在css加padding会导致input左移,导致宽度增加

应该用textindexnt

:class="{active: index == changeRed}"

vue ui

##element ui
table


<el-rate
:value="scope.row.address5"
disabled
>