饿了么基于Vue2.0的前端通用组件件开发之路

vue2.0 和 element 搭建的一个后台管理界面
说明:&&基于vue2.0 和 element 搭建的一个后台管理界面(set up a background management interface based on vue2.0 and element)
文件列表:
screenshots\edit.jpg
screenshots\login.png
screenshots\main.png
src\App.vue
src\assets\bg1.jpg
src\assets\logo.png
src\assets\logo1.png
src\assets\logo2.png
src\assets\logo3.png
src\assets\logo4.png
src\assets\logo5.png
src\assets\logout_16.png
src\assets\logout_24.png
src\assets\logout_36.png
src\common\util.js
src\components\charts\echarts.vue
src\components\Home.vue
src\components\Login.vue
src\components\Main.vue
src\components\nav1\Form.vue
src\components\nav1\Page3.vue
src\components\nav1\Table.vue
src\components\nav2\Page4.vue
src\components\nav2\Page5.vue
src\components\nav3\Page6.vue
src\main.js
src\vuex\actions.js
src\vuex\getters.js
src\vuex\store.js
static\.gitkeep
.gitignore
index.html
package.json
build\build.js
build\check-versions.js
build\dev-client.js
build\dev-server.js
build\utils.js
build\webpack.base.conf.js
build\webpack.dev.conf.js
build\webpack.prod.conf.js
config\dev.env.js
config\index.js
config\prod.env.js
dist\index.html
dist\static\css\app.2dd68a1fba9ae550b5f8.css
dist\static\css\app.2dd68a1fba9ae550b5f8.css.map
dist\static\fonts\element-icons.a61be9c.eot
dist\static\fonts\element-icons.b02bdc1.ttf
dist\static\fonts\fontawesome-webfont.674f50d.eot
dist\static\fonts\fontawesome-webfont.af7ae50.woff2
dist\static\fonts\fontawesome-webfont.b06871f.ttf
dist\static\fonts\fontawesome-webfont.fee66e7.woff
dist\static\img\element-icons.09162bc.svg
dist\static\img\fontawesome-webfont.912ec66.svg
dist\static\js\app.f8ffd7bdb9.js
dist\static\js\app.f8ffd7bdb9.js.map
dist\static\js\manifest.b.js
dist\static\js\manifest.b.js.map
dist\static\js\vendor.26a7220dc2fbfce51280.js
dist\static\js\vendor.26a7220dc2fbfce51280.js.map
src\components\charts
src\components\nav1
src\components\nav2
src\components\nav3
dist\static\css
dist\static\fonts
dist\static\img
dist\static\js
src\assets
src\common
src\components
dist\static
screenshots
近期下载者:
相关文件:这是一个坑
vue router 里有一个 模式叫做 命名视图
本来一个页面里面只能有一个路由视图 对应 一个组件,现在可以多个路由视图 对应 多个组件。
const router = new VueRo...
在大多数情况下,vue推荐使用模板来构建html。但是,在有些情况下,你可能会需要充分发挥js的编程能力,这个时候你就可以使用渲染方法(render function),可以干预...
Woody:前不久angular2正式发布,现在终于,vue2终于正式发布了。
以下是翻译;
原文地址:/the-vue-point/vue-2-0-is-here-ef1f26acf4b8#.2kl61tl6q
vue-loader并没有集成css和js的预处理器(babel-loader除外),它的作用是侦测并调用它们,所以你需要自己安装这些预处理器的loader。
比如,我们想使用SASS来处理cs...
如果你用过grunt和gulp(坑越来越大了),你会知道有个watch的功能,它会侦测文件修改,而自动进行编译并刷新页面,这在开发的时候非常方便高效,可以说是必备的功能。
如果之前没有接触过PostCSS,然后你去google一下PostCSS是什么东东,估计一下子头皮又要发麻了。因为这又是一本书。
Woody也没有这么多精力去折腾这些东西,我们把文档大致...
当我们在style标签中加个scoped属性,也就是这样写:
&style scoped&
.example {
&template&
&div class=&example...
通过一段时间学习,我们发现学习js不难,但是要掌握的依赖太多了,光是组件化标准,就有CommonJS,AMD,ES5,ES6,UMD一大堆。对应它们的又是一大堆打包,编译工具。
使用vue-cli
vue-cli是vue官方推出的一个脚手架工具,目的是让小白快速构建项目:
//全局安装vue-cli
npm install -g vue-cli
//初始化一个vue专用的webpack项目
vue init...
*.vue 文件用html类似的语法来描述一个Vue组件。每一个*.vue文件由 , 和 标签组成主要的3各部分。
&template&
&div class=&example&&{{ msg }}&lt...
什么是 vue-loader
通过之前的学习Vuejs2.0 文档攻略-介绍
我们知道,如果要定义一个组件,大概是这样的:
ponent('my-component', {
template: '&div&A cu...
需要重用组件的考虑
如果一个组件需要重复使用多次,那么请一开始就充分考虑接口,不要已经使用了很多组件了,然后才想起扩充接口。
总的来说,Vue组件的接口包括3个方面:...
This is a simple, but friendly, notification.
也可以用社交账号登录
注册 Register
再输入一次密码...}

我要回帖

更多关于 微波组件通用规范 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信