什么是组件？ 组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。 接下来给大家介绍vuejs单向绑定、双向绑定、列表渲染、响应函数基础知识，具体详情如下所示： （一）单向绑定 <div id="app"> {{ message }} </div> <script> new Vue({ el: #ap...
像AngularJS这种前端框架可以让我们非常方便地开发出强大的单页应用，然而有时候Angular这种大型框架对于我们的项目来说过于庞大，很多功能不一定会用到。这时候我们就需要评估一下使用它的必要性了。如果我们仅仅需要在一个简单的网页里添加屈指可数的几个功能，那么用Angular就太麻烦了，必要的安装、配置、编写路由和设计控制器等等工作显得过于繁琐。 这时候我们需要一个更加轻量级的解决方案。Vue.js就是一个不错的选择。Vue....
前言 Vue.js是一个数据驱动的web界面库。Vue.js只聚焦于视图层，可以很容易的和其他库整合。代码压缩后只有24kb。 以下代码是Vue.js最简单的例子， 当 input 中的内容变化时，p 节点的内容会跟着变化。 <!-- html --> <div id="demo"><p>{{message}}</p><input v-model="message"> </div> new Vue({el: #demo,data: {message: Hello Vue.js!} })vue.js的基础语法 插入文本<span>Message: {{ text }}</span>插入html格式的文本，在页...
前言 计算属性是用来声明式的描述一个值依赖了其它的值。当你在模板里把数据绑定到一个计算属性上时，Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM。这个功能非常强大，它可以让你的代码更加声明式、数据驱动并且易于维护。 模板中表达式非常便利，但是它们实际上只用于简单的操作。模板是为了描述视图的结构,在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式,如果需要多...
Vue是一个小巧轻便的javascript库。它有一个简单易懂的API，能够让开发者在开发web应用的时候更加简易便捷。实际上，一直让Vue引以为豪的是它的便捷性、执行力、灵活性。 这篇教程的目的就是通过一些例子，让你能够概览一些基本的概念和特性。在接下来的其他教程里，你会学到Vue更多的有用的特性，从而用Vue搭建一个可扩展的项目。 MVVM 数据绑定 MVVM的本质是通过数据绑定链接View和Model，让数据的变化自动映射为视图的更新。Vue...
一、v-bind 缩写<!-- 完整语法 --> <a v-bind:href="url"></a><!-- 缩写 --> <a :href="url"></a><!-- 完整语法 --> <button v-bind:disabled="someDynamicCondition">Button</button><!-- 缩写 --> <button :disabled="someDynamicCondition">Button</button>二、v-on 缩写<!-- 完整语法 --> <a v-on:click="doSomething"></a><!-- 缩写 --> <a @click="doSomething"></a>三、过滤器{{ message | capitalize }} 四、条件渲染v-if ...
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。如果你对angular有所了解，那么你学起vue一定会非常容易。因为一方面你对angular有所了解相必你就有一定你前端基础了吧，另一方面就是an...
一直以来非常庆幸曾经有翻过《代码大全2》；这使我崎岖编程之路少了很多不必要的坎坷。它在软件工艺的话题中有写到一篇：“首先是为人写程序，其次才是机器(Write Programs for People First, Computers Second)”。虽然这是针对代码可读性来谈及的，但这间接昭示了开发效率之重要不是？此次以 Vue , Es6, Jade, Scss , Webpack, Gulp等一套强大组合来改善团队前端工作流，首因即出于这个理念。 Vue ES6 Jade Scss Webpa...
基本用法 惰性更新 默认情况下，v-model 会在每个 input 事件之后同步输入的数据。你可以添加一个 lazy 特性，将其改变为在 change 事件之后才进行同步。 转换为数字 如果你希望将用户的输入自动转换为数字，你可以在 v-model 所在的 input 上添加一个 number 特性。没有试验成功，不知道什么原因 绑定表达式 当使用 v-model 在单选框和复选框时，被绑定的值可以是布尔值或字符串： 这里有一...
转自CSDN 前言及概念 环境安装MongoDB的安装 MongoVUE安装建立连接 基础操作创建表 添加数据 查询 日期查询 排序Sort 查询字段Fields skip跳过 Limit分页 修改 删除数据 前言及概念 据说nodejs和MongoDB是一对好基友，于是就忍不住去学习了解了一下MongoDB相关的一些东西， 那么，MongoDB是什么？这里的五件事是每个开放人员应该知道的：MongoDB是一个独立的服务器;如MySQL或PostreSQL 一样，MongoDB提供侦听端口以便接入。它提供了...
Electron 可以使用纯 JS 来创建桌面应用，使用 Web 页面作为 GUI，相当于一个被 JS 控制的，精简版的 Chromium 浏览器。Electron 基于 Chromium 和 Node.js ，所以使用之前需要搭建 Node.js 开发环境。安装方法安装 Node.js，访问 https://nodejs.org/en/download/ 下载最新版本的 Node.js 安装包。在安装过程中的配置界面，勾选 Node.js runtime 、npm package manager 和 Add to PATH 这三个选项。安装完成之后，在 cmd 中执行下...
原创不易，未经允许，请勿转载。 博客主页：https://xiaojujiang.blog.csdn.net/如何用vue单文件组件来开发electron程序呢？这里一共需要用到两个工具 vue-cli：vue的脚手架，用于创建vue项目vue-cli-plugin-electron-builder 在开始之前，电脑请先准备好node.js和npm环境 安装vue-cli，并且创建一个vue项目 首先安装一下vue-cli npm install -g @vue/cli安装好后创建一个vue项目 vue create electron-vue-demo选了Manually ,进入自...
其他章节请看： vue 快速入门 系列侦测数据的变化 - [vue 源码分析] 本文将 vue 中与数据侦测相关的源码摘了出来，配合上文（侦测数据的变化 - [基本实现]） 一起来分析一下 vue 是如何实现数据侦测的。 Tip: 以下代码出自 vue.esm.js，版本为 v2.5.20。无关代码有一些删减。中文注释都是笔者添加。/*** Define a property.* 定义属性的方法*/function def (obj, key, val, enumerable) {Object.defineProperty(obj, key, {value: ...
download:零基础入门 实战mpvue2.0多端小程序框架 基于最新版本mpvue 2.0框架 ，以小慕读书应用为实战，带你征战四大主流小程序平台。为降低学习门槛，课程从微信小程序入门开始，再到Vue.js框架核心、mpvue框架核心、vue-router和Vuex，以及Git工具一应俱全，让你不必担心技术栈不具备导致无法学习。最后，从项目规划入手到四大平台上线发布，让你体验真正商业级小程序的魅力适合人群具备 Vue.js 框架的前端同学、想学习小程序开发...
Vue Vue是一款渐进式的js框架，所谓渐进式就是逐步实现新特性的意思，比如实现模块化开发、路由、状态管理等新特性，其特点是综合了Angular(模块化)和React(虚拟Dom)的优点SOC原则(关注点分离)HTML + SCSS + JS： 视图层 给用户看的，或者刷新后台发送来的数据 {{}} <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>HelloWorld!</title><!--这里也可以存放--> </head> <body><div id="app">{{message}}</div...