前言 我的JavaScript水平比较一般.好吧,是相当的一般.因此,对于最新的前端框架技术,实在是有点困难,但现实让我必须面对.因此,学习是唯一的出路. 纵向比较了N款前端框架,最终选择了VUE，为什么呢？理由如下: 1.angular 前途不明,1.x学习曲线高,并且好像被放弃了,而2则还没有正式推出. 2.react 比较厉害,但是没接触. 3.VUE简单,通过上手,比较适合我的思维和水平. 4.vue有中文文档,我看起来比较舒服.既然决定学习vue,那么最好的学...
介绍 vue.js 是用来构建web应用接口的一个库 技术上，Vue.js 重点集中在MVVM模式的ViewModel层，它连接视图和数据绑定模型通过两种方式。实际的DOM操作和输出格式被抽象的方式到指令（Directives）和过滤器（Filters） 在哲学领域内,尽量让MVVM数据绑定API尽可能简单。模块化和可组合性也是重要的设计考虑。vue不是一个全面的框架,它被设计成简单的和灵活的。你可以用它快速原型,或混合和匹配与其他库定义前端堆栈。 Vue。js的API是...
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。如果你对angular有所了解，那么你学起vue一定会非常容易。因为一方面你对angular有所了解相必你就有一定你前端基础了吧，另一方面就是an...
话不多说直接上 1.安装node，通过express。生成node项目。搭建链接 http://www.expressjs.com.cn/starter/generator.html； 2安装vue 前端项目。 3.配置vue 跨域问题，找到vue里面config里的index文件。配置proxyTable node+mysql+vue 搭建前后端分离基础框架标签：express 安装 图片 table proxy 分离 config 技术 com 本文系统来源：https://www.cnblogs.com/chen527/p/11442588.html
那么如何对这些方法进行封装呢？要会封装方法，最基本的得先了解 泛型 是什么，什么是泛型，博客园上有很多对这个的讲解，我也相信，科班的人对这个应该都有大概的了解，其次得了解 反射，当然，很多人会说反射会影响性能，但是在如今设备都是很好的情况下，反射影响的性能微乎其微吧~言归正传，说的再多不如实操，那么我们先新建数据库表的基类，并让数据库表类继承它，这样来约束泛型的类型只能是数据表对象，不能是其它类型，以...
download:零基础入门 实战mpvue2.0多端小程序框架 基于最新版本mpvue 2.0框架 ，以小慕读书应用为实战，带你征战四大主流小程序平台。为降低学习门槛，课程从微信小程序入门开始，再到Vue.js框架核心、mpvue框架核心、vue-router和Vuex，以及Git工具一应俱全，让你不必担心技术栈不具备导致无法学习。最后，从项目规划入手到四大平台上线发布，让你体验真正商业级小程序的魅力适合人群具备 Vue.js 框架的前端同学、想学习小程序开发...
一、mpvue简介 mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。mp 即 mini program 的缩写。 二、mpvue快速入门 ① 通过脚手架引入mpvue模板 vue 3.0已经不支持vue init命令了，所以需要单独安装@vue/cli-init，安装好之后，就可以按以下操作步骤引入mpvue模板了 npm ins...
基础判断 function isUndef(v) {return v === undefined || v === null } function isDef(v) {return v !== undefined && v !== null } function isTrue(v) {return v === true } function isFalse(v) {return v === false }检查是否是原始值 function isPrimitive(value) {return (typeof value === 'string' ||typeof value === 'number' ||// $flow-disable-linetypeof value === 'symbol' ||typeof value === 'boolean') }快速...
用法先来看看官网的介绍:简单的说，当组件的引入层次过多，我们的子孙组件想要获取祖先组件得资源，那么怎么办呢，总不能一直取父级往上吧，而且这样代码结构容易混乱。这个就是这对选项要干的事情 provide和inject需要配合使用，它们的含义如下: provide ;一个对象或返回一个对象的函数，该对象包含可注入起子孙的属性，可以使用ES6的Symbols作为key(只有原生支持Symbol才可以)inject ;一个字符串数组或一个对象 ...
用法 Vue.config是一个对象，包含Vue的全局配置,可以在启动应用之前修改下列属性，如下: ptionMergeStrategies ;自定义合并策略的选项silent ;是否关闭警告，默认为false,如果设置true，那么将不会有各种报错productionTip ;开发模式下是否在控制台显示生产提示，即一条You are running Vue in development mode提示，设置false,即可关闭该提示devtools ;是否允许v...
1、环境准备（需要安装） （1）vue-cli3 （2）nodejs （3）axios （4）pg 编译器：vscode 2、个人思路 （1）在pgsql里建数据表 （2）利用Nodejs+pg包，读取pgsql的数据 （3）利用Nodejs+express将读取的数据库数据，发送到建立的web服务器里 （4）利用VUE+axios读取web服务器里的数据，并在自己的客户端显示 3、工程目录（红色框内是要用到的目录） （1）后端目录（2）前端目录（3）数据库4、具体实现 （1）PGsql里创建数据表 这个...
文章目录 一、.Vue 环境搭建与创建项目1. 搭建Vue环境2. vue-cli工程的目录 二、Vue的基础知识1. 模板语法1.1 插值1.2 指令1.3 修饰符1.4 缩写 2. 条件渲染3. 列表渲染4. 事件处理5. 数组更新检测6. 表单输入绑定7. 计算属性和侦听器7.1 计算属性7.2 侦听器 8. Class与 Style 绑定一、.Vue 环境搭建与创建项目 首先需要安装nodejs。 # 查看nodejs是否安装成功（vue对nodejs版本要求不高只要v10+即可） node -v# nodejs的包管理工具...
一、数据交互（axios） 1.1概念 axios : 读音 阿克西奥斯河它并不是vue独有的插件。 axios是一个HTTP的库，基于promise创建的 一般vue中或者react中进行数据交互，我们可以调用这个库易用、简洁且高效的http库(基于promise创建的)Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。1.2官网地址 中文文档： http://www.axios-js.com/ npm : https://www.npmjs.com/package/axios1.3特点 从浏览器中创建 XMLHttpR...
一、UI框架 1.1UI框架之PC端（elementUI） 官网地址 https://element.eleme.cn/#/zh-CN安装 npm install(i) element-ui + element-ui@2.15.1全局引入UI框架 main.js //引入UI库 import ElementUI from 'element-ui' //全局引入css样式 import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI)注意 这个UI框架一般创建后台管理项目！！！1.2UI框架之移动端 1.2.1mintUI(不建议)（不更新） 官网 http://mint-ui.github.io...
一、slot槽口（插槽） 1.1概念 开辟一个插槽 组件嵌套的时候，组件标签中的内容无法显示。如果你非要显示数据，那么就开辟一个槽口（插槽）1.2槽口的创建方式 匿名槽口 父组件 <子组件> 内容 </子组件>子组件<slot></slot>具名槽口 父组件 <子组件> <div slot='自定义name1'>内容1</div> <div slot='自定义name2'>内容2</div> <div slot='自定义name3'>内容3</div> </子组件>子组件<slot name='自定义name1' ></slot> <slot nam...