最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【记录】学习和折腾Vue.js

Vue crifan 2312浏览 0评论

vue

官网:

Vue.js

教程:

介绍 – Vue.js 2.x 中文文档 – vuefe.cn

github:

vuejs/vue: A progressive, incrementally-adoptable JavaScript framework for building UI on the web.

其中也解释了Vue和其他的对比:

对比其他框架 — Vue.js

资料集合:

vue生态大指南 – VueClub

vuejs/awesome-vue: A curated list of awesome things related to Vue.js

抽空可以去里面找找例子供参考。

Bootstrap和vue:

Bootstrap Vue

Getting Started

bootstrap-vue/bootstrap-vue: Quickly integrate Bootstrap 4 Components with Vue.js.

听说:

vue 两种模式 .html .vue

vue   .vue .html 比较

Vue 组件细则 · vue-loader

单文件组件 — Vue.js

真的去开发项目的话,可以考虑用官网给出的模版:

vuejs-templates

-》

比如:

简单的模版:

vuejs-templates/webpack-simple: A simple Webpack + vue-loader setup for quick prototyping.

更复杂和强大的模板:

vuejs-templates/webpack: A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.

开发前,最好去安装Chrome的devtool插件:

vuejs/vue-devtools: Chrome devtools extension for debugging Vue.js applications.

抽空再去学校vue-loader:

Introduction · vue-loader

看看两者的简单对比:

Vue与React两个框架的区别和优势对比-前端开发博客

会更加有全局的概念。

这个也值得看看:

React 如何转 Vue.js – 众成翻译

告诉我们了:

vue官方维护的,用于状态管理的:

vuejs/vuex: Centralized State Management for Vue.js.

(有空也去比较一下,和Mobx的区别)

对应官网还有个文档:

Introduction · vue-router

以及官方推荐的路由:

vuejs/vue-router: The official router for Vue.js.

【如何使用第三方库】

[译]如何在 Vue.js 中使用第三方库 · Issue #51 · dwqs/blog

【Vue的第三方库】

可以抽空多去看看:

Vue Curated

能找到很多不错的库。

比如,Element UI库。

【供Vue的UI库】

(1)Element UI

对于选择UI的话,有个Element UI还不错:

Element – 网站快速成型工具

通过去看了组件:

组件 | Element

觉得效果真的很不错。

在线Demo:

theme-chalk-preview

(2)Metarial UI

另外,Metarial UI也有Vue版本:

Vue Material

-》

vuematerial/vue-material: Material design for Vue.js

Introduction – Vue Material

Managing User Permissions in a VueJS App – Vue.js Developers – Medium

教你如何给用户设置权限,以更优雅的方式

转载请注明:在路上 » 【记录】学习和折腾Vue.js

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
85 queries in 0.206 seconds, using 22.07MB memory