随笔分类 -  vuejs

vuejs
摘要:vue使用桌面Element-UI和移动端MintUI的UI框架 Element - 网站快速成型工具 安装:npm install --save element-ui Element-UI是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,手机移动端有对应框架是 Mint UI 。 pc端和手机端的UI还是完全不一样的 基于vue.js的移动端UI框架mint-ui 阅读全文
posted @ 2019-01-16 19:21 大自然的流风 阅读(25461) 评论(0) 推荐(1) 编辑
摘要:vuejs服务端渲染更好的SEO,SSR完全指南Nuxt.js静态站生成器 在 2.3 发布后我们发布了一份完整的构建 Vue 服务端渲染应用的指南。这份指南非常深入,适合已经熟悉 Vue, webpack 和 Node.js 开发的开发者阅读。 Vue SSR 指南 | Vue.js 服务器端渲染指南 Nuxt.js从头搭建一个服务端渲染的应用是相当复杂的。幸运的是,我们有一个优秀的社区项目 Nuxt.js 让这一切变得非常简单。Nuxt 是一个基于 Vue 生态的更高层的框架,为开发服务端渲染的 Vue 应用提供了极其便利的开发体验。更酷的是,你甚至可以用它来做为静态站生成器。推荐尝试。 阅读全文
posted @ 2019-01-15 17:47 大自然的流风 阅读(1633) 评论(0) 推荐(0) 编辑
摘要:vue深入响应式原理 深入响应式原理 — Vue.js https://cn.vuejs.org/v2/guide/reactivity.html 注意:这里说的响应式不是bootsharp那种前端UI的响应式,而是数据绑定的响应。 Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。 这使得状态管理非常简单直接,不过理解其工作原理同样重要,这样你可以回避一些常见的问题。在这个章节,我们将进入一些 Vue 响应式系统的底层的细节。 阅读全文
posted @ 2019-01-15 16:24 大自然的流风 阅读(546) 评论(0) 推荐(0) 编辑
摘要:vuejs-devtools浏览器调试chrome插件(360极速浏览器也可以安装,需要FQ) https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbkkighbhhppjdbg/related vue.js devtools浏览器插件使用 阅读全文
posted @ 2019-01-14 19:11 大自然的流风 阅读(1265) 评论(0) 推荐(0) 编辑
摘要:vue-i18n国际化插件 安装,到项目目录下执行: npm install vue-i18n 配置 在src\main.js里面引入vue-i18n // 语言包插件 import VueI18n from 'vue-i18n' import chinese from './assets/lang/chinese' import english from './assets/lang/english' Vue.use(VueI18n) const i18n = new VueI18n({ locale: 'chinese', messages:{ 'chinese': chinese, 'english': english }}) 把 i18n 挂载到 vue 根实例上 阅读全文
posted @ 2019-01-14 19:00 大自然的流风 阅读(1072) 评论(0) 推荐(0) 编辑
摘要:Vuejs vm对象详解 vue数据是怎么驱动视图的? 一堆数据放在那里是不会有任何作用的,它必须通过我们的View Model(视图模型)才能操控视图。 阅读全文
posted @ 2019-01-14 15:46 大自然的流风 阅读(26321) 评论(1) 推荐(1) 编辑
摘要:35 个最好用的 Vue 开源库 Vue.js 是一个非常易用的渐进式 JavaScript 框架,用于构建用户界面。 1.Vue Dark Mode Vue.js 的一个极简主义的深色设计系统。它提供了基本组件,用于构建失眠者最喜欢的深色界面。 地址:https://github.com/LeCoupa/vuedarkmode VS Code 的 Vue 工具。如果你是 Vue.js 超级用户,必须尝试一下! 阅读全文
posted @ 2019-01-14 01:14 大自然的流风 阅读(1947) 评论(0) 推荐(0) 编辑
摘要:2019,全栈开发者应该学些什么? 人生苦短,所以尽量少做无用功。如果你希望保持最新状态并成为全栈开发者,你需要了解以下的 2019 年趋势。 HTML、CSS 和 JavaScript 是必须掌握的,你还需要学习 React、Vue 或 Angular 等前端框架或库。但是,你应该选择哪一个?对于一个真正的全栈开发者,你可以在 2019 年选择这三个框架中的任何一个。 Vue 3.0 2018 年,Vue 持续获得开发者的青睐,2019 年将会继续增长……但它是否足以超越其他两大玩家?我们拭目以待。 Vue 生态系统正在不断发展,而且,随着 Vue 3.0 的发布极其改进的 Vue CLI,2019 年的开发者体验将比以往更好。 开发者可以使用 Vue Native 进行跨平台开发(就像 React Native 那样) 阅读全文
posted @ 2019-01-14 00:46 大自然的流风 阅读(1148) 评论(0) 推荐(0) 编辑
摘要:px-pt-dp-rem像素单位的换算问题 dp 的意思 从 MDPI 到 XXXHDPI 每单位物理尺寸的像素数越来越大。 也就是说 mdpi 时 1dp = 1px xxxhdpi 时 1dp = 4px mdpi 时 1px = 1dp xxxhdpi 时 1px= 0.25dp dp=pt 所以屏幕分辨率高了需要的物理尺寸就是 PX 换算比就会增大 阅读全文
posted @ 2019-01-12 19:45 大自然的流风 阅读(4035) 评论(0) 推荐(0) 编辑
摘要:vue对比其他框架详细介绍 对比其他框架 — Vue.js https://cn.vuejs.org/v2/guide/comparison.html 阅读全文
posted @ 2019-01-11 19:35 大自然的流风 阅读(685) 评论(0) 推荐(0) 编辑
摘要:Vue.js是什么,vue介绍 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 如果你想在深入学习 Vue 之前对它有更多了解,我们制作了一个视频,带您了解其核心概念和一个示例工程。 如果你已经是有经验的前端开发者,想知道 Vue 与其它库/框架有哪些区别,请查看对比其它框架。 阅读全文
posted @ 2019-01-11 19:11 大自然的流风 阅读(1239) 评论(0) 推荐(0) 编辑
摘要:vue生命周期图示中英文版Vue实例生命周期钩子。你不需要立马弄明白所有的东西,不过随着你的不断学习和使用,它的参考价值会越来越高。 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。 也有一些其它的钩子,在实例生命周期的不同阶段被调用,如 mounted、updated 和 destroyed。生命周期钩子的 this 上下文指向调用它的 Vue 实例。 阅读全文
posted @ 2019-01-11 17:47 大自然的流风 阅读(4284) 评论(1) 推荐(1) 编辑
摘要:vue使用tradingview开发K线图相关问题 1.TradingView中文开发文档 https://b.aitrade.ga/books/tradingview/CHANGE-LOG.html 2.vue开源项目: https://github.com/webdatavisualdev/vue-tradingview https://github.com/472647301/tradingView-webSocke https://github.com/webdatavisualdev/vue-tradingview 阅读全文
posted @ 2019-01-11 15:19 大自然的流风 阅读(11251) 评论(0) 推荐(0) 编辑
摘要:Vue用axios跨域访问数据 axios是vue-resource的替代品,vue-resource不再维护。 安装axios:npm install axios 使用vue-cli开发时,由于项目本身启动本地服务是需要占用一个端口的,所以会产生跨域的问题。在使用webpack做构建工具的项目中,使用proxyTable代理实现跨域是一种比较方便的选择。 proxyTable相关配置及使用说明: 在config/index.js文件中,找到dev对象下proxyTable对象进行跨域设置,配置如下: 阅读全文
posted @ 2019-01-09 02:25 大自然的流风 阅读(9157) 评论(0) 推荐(0) 编辑
摘要:vue之vue-cookies安装和使用说明 安装,在对应项目根目录下执行: npm install vue-cookies --save 使用: import Vue from 'Vue' import VueCookies from 'vue-cookies' Vue.use(VueCookies) 阅读全文
posted @ 2019-01-07 19:02 大自然的流风 阅读(15131) 评论(0) 推荐(0) 编辑
摘要:vuejs目录结构启动项目安装nodejs命令,api配置信息思维导图版 阅读全文
posted @ 2019-01-07 17:24 大自然的流风 阅读(937) 评论(0) 推荐(0) 编辑