Vue.js 组件组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。 具体代码如下所示： <!DOCTYPE html> <html> <head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Page Title</title><meta name="viewport" content="width=device-width, initial-scale=1"><script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script><style>*...
最近的开发项目中使用了vue-cli 3.0，使用体验可以说非常棒了，模板更加制定化，配置更加简洁。以下总结下应用过程中的一些经验。1. 安装npm install -g @vue/cli2. 创建一个项目vue create iview-admin # OR vue ui default (babel, eslint) 默认套餐，提供 babel 和 eslint 支持。Manually select features 自己去选择需要的功能，提供更多的特性选择。比如如果想要支持 TypeScript ，就应该选择这一项。TypeScript 支持使用 Typ...
一、npm 版本需要大于 3.0，如果低于此版本需要升级它： # 查看版本 $ npm -v 2.3.0#升级 npm cnpm install npm -g 二、在用 Vue.js 构建大型应用时推荐使用 NPM 安装： # 最新稳定版 $ cnpm install vue三、Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。 # 全局安装 vue-cli $ cnpm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 这里需要进行一些配置，默认回...
1.由于vue项目依赖 node.js npm 需要先安装. 若没有请先安装，请按照此文章进行安装https://www.gxlcms.com/article/138020.htm //检查是否有node.js npm vue win+r 输入cmd 输入node -v 回车 会出现node,js的版本 输入npm -v 回车 会出现npm的版本 输入vue -V 回车 会出现vue的版本 2.安装vue： npm install -g vue-cli //-g表示全局安装，vue-cli是模块，全局安装的模块可以在命令行直接使用 由于npm网站在国内速度非...
## 创建组件的3种方法# 第一种: + Vue.extend()函数返回一个组件的构造器,里面包含一个参数,参数是对象,对象里面是一些配置项 + Vue.component()函数利用Vue.extend()返回的构造器创建一个组件的实例,有两个参数.; 参数1:组件名字,参数2:组件构造器 注意: 模板template中只能有一个根节点 组建的名字采用驼峰命名的话,使用时,就要加上"-"; 例如:组件名字indexA-->index-a; ## 第二种: + Vue.component(indexB,{模板})...
本文是针对对于完全没有了解过vue 和npm，连运行环境和项目构建的都不会的小白，对于前端老司机的就不用看了，浪费时间。 使用npm 与vue-cli 构建vue 项目 第一步：安装运行环境（node与npm） nodeJ官网：http://nodejs.cn/下载安装包( 安装) 安装完成后，需要检测是否安装成功 使用命令行cmd 打开dos 黑窗口，运行 node -v 和 npm –v，出现版号说明安装成功注（npm 是node自带的，在安装node时已经安装了） 如何升级npm 的版本呢...
有时候我们需要从文件中读取数据。在以前，你需要将其发送到服务器，然后返回所需的数据。问题是，现在我们还可以使用 FileReader API 直接访问浏览器中的文件。 如果我们只是想读取一个文本文件，以便在UI级别上做一些无关紧要的事情，那么就不需要将文件发送到服务器。下面的示例将实现从一个文件中读取相关的数据填充到一个 textarea 中。 FileReader API FileReader API提供了一个很好的接口，可以使用文本或Blob对象类型以不同...
创建组件的两种方法小结 1.全局注册 2.局部注册 var child=Vue.extend({}) var parent=Vue.extend({}) Vue.extend() 全局方法 生成构造器，创建子类 使用基础 Vue 构造器，创建一个“子类”。 这样写非常繁琐。于是vue进行了简化 使用Vue.component()直接创建和注册组件： Vue.component(id,options) 全局方法 用来注册全局组件 id 是string类型，即是注册组件的名称 options 是个对象 // 全局注册，my-component1是标签名称 Vue....
1、安装vue-cli cnpm install vue-cli -g --执行全局安装 2、创建一个webpack的基础项目；命令：vue init webpack myproject;以下是项目的目录结构及说明build是webpack配置build.js // 生产环境构建代码check-versions.js // 检查node&npm等版本utils.js // 构建配置公用工具vue-loader.conf.js // vue加载器webpack.base.conf.js // webpack基础环境配置webpack.dev.conf.js // webpack开发环境配置webpack....
Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。 只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目： # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project $ vue init webpack test //输入命令 ? Project name (test) test ? Project n...
一、 ├── build // 项目构建(webpack)相关代码 记忆：（够贱） 9个 │ ├── build.js // 生产环境构建代码 │ ├── check-versions.js // 检查node&npm等版本 │ ├── dev-client.js // 热加载相关 │ ├── dev-server.js // 构建本地服务器 │ ├── utils.js // 构建配置公用工具 │ ├── vue-loader.conf.js // vue加载器 │ ├── webpack.base.conf.js // webpack基础环境配置 │ ├── webpack.dev.conf.js ...
前言前一段时间公司Vue.js项目需要使用UEditor富文本编辑器,在百度上搜索一圈没有发现详细的说明,决定自己尝试,忙活了一天终于搞定了。 具体可以参考这篇文章：//www.gxlcms.com/article/118413.htm ueditor是百度编辑器，官网地址：http://ueditor.baidu.com/website/ 完整的功能演示，可以参考：http://ueditor.baidu.com/website/onlinedemo.html 最近工作中要求升级，需要在vue中创建多个ueditor实例，我使用neditor，其实就是...
本文实例为大家分享了vue自定义过滤器创建和使用方法，供大家参考，具体内容如下过滤器：生活中有很多例子，净水器 空气净化器 。过滤器的作用：实现数据的筛选、过滤、格式化。 vue1.*版本是有内置的过滤器，但是在vue2.*所有的版本都已经没有自带的过滤器了。 1、过滤器创建过滤器的本质 是一个有参数 有返回值的方法 new Vue({filters:{myCurrency:function(myInput){return 处理后的数据}}}) 2、过滤器使用语法：<any>{{表达式...
对于某些项目来说，单页面不能很好的满足需求，所以需要将vue-cli创建的单页面项目改为多页面项目。 需要修改以下几个文件： 1、下载依赖glob $npm install glob --save-dev2、修改build下的文件 （1）修改webpack.base.conf.js 添加以下代码： var glob = require(glob)； var entries = getEntry(./src/pages/**/*.js)将module.exports中的 entry: {app: ./src/main.js},注释掉，然后添加这一行代码：entry: entries,至于entries...
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli我创建的模板项目：https://github.com/Aleczhang1992/my-vue-project/tree/dev一、步骤 1.要求已安装Node.js (>=4.x, 6.x preferred) and Git.可以设置cnpm可以提升依赖包下载速度： npm install -g cnpm --registry=https://registry.npm.taobao.org安装vue-cli sudo npm install -g vue-cli...