Vue element UI
- PC框架(element UI,iview)
- 移动端框架(mint UI)
Vue进阶
$emit和on的用法
on方法在定义的时候可以定义多个事件,可以为多个事件绑定多个处理函数
emit可以做try catch处理,不会中断整个处理
Vue文件结构详解
- App.vue 是我们的主组件,也是我们所有组件和路由的出口,之后他会被渲染到我们项目根目录的 index.html 中显示出来,我们可以在这里写一些适合全局的css样式,比如说 css reset,字号,字体什么的。
- assets:是我们放一些静态图片资源的目录,包括共同的CSS文件,js文件,iconfont文件,img文件。之所以强调公共的CSS文件,是因为要在组件的CSS标签里加入scoped标记,其作用范围只限制在此组件及它的父组件中,避免全局污染。
- components:放置通用模块组件,项目里总会有一些复用的组件,例如弹框、发送手机验证码、图片上传等,将它们作为通用组件,避免重复工作。
- router:放置路由设置文件,指定路由和对应的组件
- main.js:入口js文件,影响全局,作用引入全局使用的库、公共样式和方法,设置路由等。
- static:文件是用来放置静态资源目录
- store:放置vuex相关文件,状态管理
- index.html:是首页入口文件
- package.json:是项目配置文件
Vue.use()
安装 Vue.js 插件。如果插件是一个对象,必须提供 install 方法。如果插件是一个函数,它会被作为 install 方法。