精华内容
下载资源
问答
  • vue.js2.chm中文手册 目录: 基础介绍 Vue实例 模板语法 计算属性 事件处理 Class与Style绑定 组件 表单控件绑定 条件渲染 列表渲染 API
  • Vue.js 2.0 参考手册Vue.js 2.0 中文手册Vue.js 2.0 离线手册 CHM版 , 解压后打开即可
  • VUE学习手册

    2019-06-06 23:39:27
    VUE学习手册 环境搭建 1.首先需要在node.js的官网下载安装node环境,安装完后,windows环境打开CMD,输入node -v查看环境是否安装完毕。 2.然后执行npm -v,npm是node的一个包管理工具,查看npm是否已经安装完毕。 3...

    VUE学习手册

    环境搭建

    1.首先需要在node.js的官网下载安装node环境,安装完后,windows环境打开CMD,输入node -v查看环境是否安装完毕。
    2.然后执行npm -v,npm是node的一个包管理工具,查看npm是否已经安装完毕。
    3.下载vscode并下载相关插件,插件地址参考https://blog.csdn.net/Joe0217/article/details/80950477
    4.在CMD执行npm install --global vue-cli
    5.执行vue init webpack myproject
    

    标题命令行工具 (CLI)

    Vue 提供了一个官方的 CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验,以及生产环境可用的构建版本。

    如何在VUE中使用less

    第一步 npm安装less
    npm install less less-loader --save
    第二步 修改webpack.base.conf.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加如下代码

    {
    test: /.less$/,
    loader: “style-loader!css-loader!less-loader”,
    },
    第三步 在组件中的style 添加lang=“less”

    VUE的优点

    • 解耦视图与数据
    • 可复用的组件
    • 前端路由
    • 状态管理
    • 虚拟DOM

    MVVM设计模式的优点

    1. 双向绑定技术,当Model变化时,View-Model会自动更新,View也会自动变化。很好的做到数据的一致性

    2. 由于控制器的功能大都移动到View上处理,大大的对控制器进行了瘦身

    3. View的功能进一步强化,具有控制的部分功能,

      若想无限增强它的功能,甚至控制器的全部功能几乎都可以迁移到各个View上

    (不过这样不可取,那样View干不了属于它职责范围内的事情)。

    View可以像控制器一样具有自己都View-Model

    1. 可以对View或ViewController的数据处理部分抽象出来一个函数处理model。

      这样它们专职页面布局和页面跳转,它们必然更一步的简化。

    MVVM设计模式的缺点

    1. 数据绑定也使得bug很难被调试。比如你看到页面异常了,有可能是你的View的代码有bug,也可能是你的model的代码有问题。数据绑定使得一个位置的Bug被快速传递到别的位置,要定位原始出问题的地方就变得不那么容易了。

    2. 数据双向绑定不利于代码重用。客户端开发最常用的是View,但是数据双向绑定技术,让你在一个View都绑定了一个model,不同的模块model都不同。那就不能简单重用view了

    3. 一个大的模块中model也会很大,虽然使用方便了也很容易保证数据的一致性,但是长期持有,不释放内存就造成话费更多的内存。

    VUE生命周期

    VUE生命周期
    在开始VUE生命周期时,首先要创建一个实例,也就是一个new vue()对象的过程,首先执行了init的方法,在init的过程中调用了beforecreat,实例创建完成后调用created,这个阶段完成了数据的观测,但是DOM元素还没有挂载,可以在这个阶段初始化一些数据。
    created完成后,vue会去判断instance(实例)里面是否有el选项,如果没有的话会调用vm.mount(el)templatetemplaterenderDOM,beforemountmount(el),然后执行下一步,如果有的话会直接执行下一步。 紧接着会判断是否有‘template’选项,如果有的话他会把template解析成一个render函数去构造虚拟DOM,在beforemount的时候,el还只是HTML里写的节点,当到了mounted的时候渲染的内容已经挂载到了DOM节点上,但是mounted不保证所有的DOM节点都会渲染完成,$nextTick函数可以保证所有的DOM已经完全渲染。
    后续的钩子函数执行的过程都是需要外部的触发才会执行。比如说有数据的变化,会调用beforeUpdate,然后经过Virtual DOM,最后updated更新完毕。当组件被销毁的时候,它会调用beforeDestory,以及destoryed。

    vue在观察到数据变化时并不是直接更新DOM,而是开启一个队列,并缓冲在同一事件循环中发生的所有变化。在缓冲时会去除重复数据,从而避免不必要的计算和DOM操作。
    如果你用for循环动态的改变一个数据100次,其实他只会应用最后一次的数据变化,如果没有这种机制,DOM就会重新绘制100次,这是一个很大的开销。

    Render函数

    VUE使用了虚拟DOM来更新DOM节点,提高渲染性能。
    虚拟DOM并不是真正意义上的DOM,而是一个JavaScript对象,在状态发生变化时,虚拟DOM会进行DIFF运算,来更新只需要被替换的DOM,而不是全部绘制。
    
    • 虚拟DOM就是通过一种VNode类来表达的,每个DOM元素或者组件都对应一个VNode对象
    • VNode分为文本节点,普通元素节点,组件节点,没有内容的注释节点,克隆节点
    • Render函数通过creatElement来创建虚拟DOM
    展开全文
  • 下载地址 Vue.js 2.0 参考手册.CHM下载链接: http://pan.baidu.com/s/1kVbhd4b 密码: wxfh 转载于:https://www.cnblogs.com/niuboren/p/6076844.html

     

    下载地址

    Vue.js 2.0 参考手册.CHM下载链接: http://pan.baidu.com/s/1kVbhd4b 密码: wxfh

    转载于:https://www.cnblogs.com/niuboren/p/6076844.html

    展开全文
  • Vue-router参考手册

    2018-04-28 15:13:17
    Vue-router参考手册,离线文档,有需要的可以下载,谢谢!
  • mongoVue操作手册

    千次阅读 2013-03-13 09:30:01
    转自:... MongoDB的客户端工具MongoVue,地址是http://www.mongovue.com/。 也可以通过后面网址下载:http://download.csdn.net/detail/shiyuezhong/4553444 1.0版之后超过15天后功

    转自:http://blog.csdn.net/shiyuezhong/article/details/7952923

    MongoDB的客户端工具MongoVue,地址是http://www.mongovue.com/。 也可以通过后面网址下载:http://download.csdn.net/detail/shiyuezhong/4553444

    1.0版之后超过15天后功能受限。可以通过删除以下注册表项来解除限制:

    [HKEY_CURRENT_USER\Software\Classes\CLSID\{B1159E65-821C3-21C5-CE21-34A484D54444}\4FF78130]

    把这个项下的值全删掉就可以了。

    下面上图给大家感受下强大的MongoVue.

    1、配置连接

    2、试下新建一个名为AccessLogCollection 

    3、插入一个Document

    4、查看我们插入的数据,数据可以通过多种方式展示(树形、表格、文本)

    上面我们都是通过图形界面的操作的吧,下面有一个窗口列出了上述操作的客户端命令哦,这是学习的好资源,在用图形界面的时候依然可以学习熟悉下命令行。

    当然上述只是介绍了下最基本的功能,还有更新,删除数据库,从mysql数据库导入数据等等功能,想了解更详细的内容请访问官方网http://www.mongovue.com/


    MongoVUE简单操作手册->链接自:http://wenku.baidu.com/view/ee9bac4de45c3b3567ec8bfe.html


    转自:http://blog.163.com/wm_at163/blog/static/132173490201252610424458/

    MongoDB的$where查询

    有时候,键值对的查询方式并不能满足我们的需求,我们有如下一个集合:

    > db.foo.find()
    { “_id” : ObjectId(“4e9165cf717ed94f8289ac0c”), “bar” : “baz”, “count” : 35 }
    { “_id” : ObjectId(“4e916661739f1da5452a4dfe”), “bar” : “bazz”, “count” : 3 }
    { “_id” : ObjectId(“4e9165cf717ed94f8289ac0d”), “bar” : “baz”, “count” : 35 }
    { “_id” : ObjectId(“4e928bf8735a86e2c6f848ed”), “apple” : 1, “banana” : 6, “peach” : 3 }
    { “_id” : ObjectId(“4e928c17735a86e2c6f848ee”), “apple” : 1, “spinach” : 4, “watermelon” : 4 }
    { “_id” : ObjectId(“4e928d8a735a86e2c6f848ef”), “bar” : “baz”, “banana” : “baz” }

    需要返回有两个字段相同的文档,也就是要返回如下文档

    { “_id” : ObjectId(“4e928c17735a86e2c6f848ee”), “apple” : 1, “spinach” : 4, “watermelon” : 4 }
    { “_id” : ObjectId(“4e928d8a735a86e2c6f848ef”), “bar” : “baz”, “banana” : “baz” }

    就需要使用”$where“并借助javascript来做了

    > db.foo.find({“$where”:function(){
    … for(var current in this){
    …   for(var other in this){
    …     if(current != other && this[current] == this[other]){
    …       return true;
    …     }
    …   }
    … }
    … return false;
    … }})

    如果返回true,文档作为结果的一部分被返回;如果为false,则不会返回。

    $where查询有以下几种写法:

    > db.foo.find({“$where”:”this.x+this.y==10″})
    > db.foo.find({“$where”:”function(){return this.x+this.y==10;}”})

    tips:不是非常必要时,一定要避免使用”$where”查询,因为效率太低,相当的。文档在MongoDB中是以BSON格式保存的,在$where查询时,每个文档都要从BSON转换为javascript对象然后再通过”$where”中的表达式来运行。有时可以将常规查询作为前置过滤,再使用”$where”查询对结果进行调优




    展开全文
  • Vue.js 2.0 参考手册jb

    2017-12-17 10:47:02
    Vue.js 是什么 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。...如果你喜欢用包管理器下载/安装,查看安装教程。
  • 从node中文网下载适合您系统的node版本,我使用的电脑是win10(64位),所以直接点了左上角的按钮下载对应安装包。 安装:设置好安装路径之后一路next就好。 设置淘宝镜像源 设置参考网址 关键代码: npm ...


    安装node

    node中文网下载适合您系统的node版本,我使用的电脑是win10(64位),所以直接点了左上角的按钮下载对应安装包。
    安装:设置好安装路径之后一路next就好。

    设置淘宝镜像源

    设置参考网址
    关键代码:

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    安装vue

    安装vue参考网址
    安装代码:(因为刚刚配置了淘宝镜像,所以可以使用cnpm)

    cnpm install vue

    安装vue-cli3

    安装vue-cli3,注意这里安装的是vue-cli3。
    安装vue-cli参考网址

    cnpm install -g @vue/cli

    新建项目

    前人种树,后人乘凉
    直接在cmd里面执行 vue ui参考网址

    添加cube-ui

    因为我使用的是 vue-cli3,所以创建方式参见

    vue add cube-ui

    项目配置

    参见
    这个配置真的真的很重要,以后开发可以省很多事,所以这里需要好好看看。

    展开全文
  • Vue.js入门手册整理

    2019-04-17 05:04:55
    [TOC] 第一章、环境搭建 1.1、准备: npm: 6.9.0 (npm > 3.0) node: v10.15.3 (node ...window系统可以直接去官网下载:nodejs.org/en/ 1.3、npm安装 查看npm版本 npm -v 复制代码升级npm cnpm install npm -...
  • Vue.js-2.0-参考手册.CHM

    2020-10-19 17:38:13
    vue参考学习手册,有需要的话可以自己下载解压学习!共同学习进步为自己!感谢大佬们的支持!共同学习进步为自己!
  • 可以直接去下载源文件。也可以引入网上的。这个随意哈。网上各大教程都会有推荐的地址。 1.https://cdn.staticfile.org/vue/2.2.2/vue.min.js 2.https://unpkg.com/vue/dist/vue.js 3....
  • 下载地址http://download.csdn.net/detail/shouce_ren/9689243 百度云下载地址 转载于:https://www.cnblogs.com/niuboren/p/6087067.html
  • Echarts使用手册vue中使用) 1、下载echarts ~npm install echarts --save 2、引入echarts(按需引入) 在main.js // echarts 按需引入 let echarts = require('echarts/lib/echarts') // 引入折线图/柱状图/饼图等...
  • 前言昨天在分享如何安装man手册时候,有读者留言提到了zeal,特意去体验了一下,感觉还不错,也分享给大家。在这里再次感谢读者【0x27】。zeal​不知道你是否曾经想过,如果有一个工具,类似于软件管理工具,我要...
  • 基于 Vue JS、Element UI、Nuxt JS的项目PC端前端手册 前言:笔记写于2020年5月左右,刚开始做前端时整理的笔记 1.环境搭建 1.安装nodeJs ​ 官网下载地址:https://nodejs.org/zh-cn/download/ ​ 推荐下载 ...
  • 方案1:在vue cli中安装一些插件,如jquery,利用jquery下载本地文件; 方案2:直接使用原生ajax下载本地文件; 方案3:利用axios请求; 最后考虑到项目中已经在使用axios,就采用方案3。 2.具体内容 在使用...
  • 下载使用手册aa.htmlUploadiFive Testaaa$(function () {var myDropzone = new Dropzone("div#myId", { url: "http://localhost:8010/thymeleaf/uploadImage"});myDropzone.on('success', function (files, response...
  • VUE介绍

    2020-09-16 11:46:18
    中文手册完整 上手简单,容易使用 下载并用<script>引入,VUE会被注册为一个全局变量 <body> <div id="root"> <div :style="styleObj @click="handleBtnClick">//@click也可以写作v-...
  • 文件上传下载 一对多、多对多分页 开发环境准备 mall的商业版,最基本的开发环境与开源版本一致,方便用户迁移,我们认为,购买商业版,并且需要进行代码编写的人员,都是具有一定技术基础的开发人员。 1.开...
  • 手册 下载生产文件。 该链接是在该项目的dist目录中找到的同一文件的镜像。 用法 注册插件。 默认情况下,它将连接到/ : import VueWebsocket from "vue-websocket" ; Vue . use ( VueWebsocket ) ; 或连接到另一...
  • 离线资源下载: V979946-01.zip (Oracle Autovue 软件) apache-tomcat-9.0.40-windows-x64.zip jdk-8u65-windows-x64.exe 二、服务器运行环境部署和配置 1、JDK 安装和apache-tomcat-9.0.40-windows-x64 2、...
  • vue2.0.zip

    2019-10-30 21:32:35
    vue前端离线文档,操作手册。适合当开发文档查阅,需要的下载
  • vue笔记-安装

    2020-11-06 21:30:55
      建议先看完手册vue介绍,然后观看视频教程,再接着看手册,首页导航栏的"学习"里最后一项就是视频教程. 使用VUE有两种方法 1.直接下载VUE的jar包并用 <script> 标签引入,Vue 会被注册为一个全局变量。 2....
  • vue.js离线文档

    2018-04-28 15:04:10
    vue.js离线文档 Vue.js2.0参考手册,带目录,CHM离线版,适合当开发文档查阅,需要的下载
  • 只需下载dist/vue-awesome.js并将其包含在您HTML文件中即可: < script src =" path/to/vue-awesome/dist/vue-awesome.js " > </ script > 用法 <!-- basic --> < v-icon name =
  • laravel+vue项目

    千次阅读 2018-06-28 19:52:55
    laravel+vue项目 手册地址:https://laravel-china.org/docs/laravel/5.6[中文文档] 手册地址:https://laravel.com/[英文文档] 熟悉基本命令操作 下载laravel框架 |--composer create-project --prefer-...
  • ElementUI v2.13 使用手册 PDF 下载下载地址:提取码:89nt相关截图:主要内容:npm 安装 CDN Hello world 安装本文档使用 书栈网 · BookStack.CN 构建 - 8 -本节将介绍如何在项目中使用 Element。 我们为新版的 ...
  • vue项目把文本转换为markdown文档

    千次阅读 2018-10-10 10:15:18
    最近在一个项目中,需要有用户使用手册功能,在这里用markdown,采用了vue-markdown插件。 1.下载vue-markdown $ npm i vue-markdown 2.如何使用 // 在js页面 import VueMarkdown from 'vue-markdown' //直接...
  • vant-vue关于sku规格是说明,并不详情,从手册复制无法使用。git下载安装vant后的sku示例却很详情。我剔除了高级用法,以下是基础用法示例:sku.vue文件 <template> <div> <!-- 基础用法 --> ...
  • vue手册:https://www.w3cschool.cn/aekdgs/25h8gdn1.html layui模版下载:http://x.xuebingsi.com/index/down/index.html js常用函数:https://blog.csdn.net/qq_39634219/article/details/80481686 easyui可拖拽...

空空如也

空空如也

1 2 3 4 5
收藏数 94
精华内容 37
关键字:

vue手册下载

vue 订阅