前言：前段时间学习了下vue，也算是能简单开发了，今天就记录下怎么通过vue-cli来安装vue。因vue是基于node环境的，如果你还不会安装的话，可以看下我的这个教程：安装node.js和npm教程以下内容是假设你已有了nodejs环境 1、安装vue-cli3的包 npm install -g @vue/cli # OR yarn global add @vue/cli检查版本如下图 2、创建一个vue的项目vue create hello-world你会被提示选取是按默认方式安装还是手动安装。你可以选第一个默认...
Tomcat部署vue单页面项目将vue项目打包，会生成一个dist文件夹npm run build 将dist文件夹中的内容复制到Tomcat的webapps/ROOT目录下（Tomcat默认的根目录就是webapps/ROOT目录）启动Tomcat，浏览器访问 http://localhost:8080/ 即可注意： 由于npm run build打包生成的index.html文件中，引入的css和js都是基于根目录的， 像这样<script src=/js/app.a9514e70.js></script>, 所以不能将dist文件夹中的内容放到webapps目录的其它文...
vue-cli 中 css 的作用域 scoped vue 数据的为响应数据，一改全改，一变全变的特性，我们的很多处理也会围绕着他 vuex 是处理数据的，是 vue 的数据仓库 vuex 的作用：采用集中式存储管理所有组件的数据状态，并且组件和 store（后台数据）是响应的 当然，作为一个有梦想的 vuex 当然不会这个简单，他本身还拥有 5 大功能 state 存放数据的； mutations 存放所有事件的方法 ，参数一：state 本身，参数二：传递过...
let(变量)/const(常量)var有缺陷所以在es6中用letHelloVuejs<body><div id="app">{{message}}</div><script src="../js/vue.js"></script><script> //let(变量)/const(常量) const app = new Vue({ el: ‘#app‘, data: { message: ‘helloVuejs‘ } })</script></body>原文：https://www.cnblogs.com/ludanitem/p/11751333.html
首先安装WebStorm，完事打开 Create New Project -> Vue.js 出现红字，没有安装nodejs。so 安装一下，简单的next就可以了。因为我之前安过了vue-cli了，所以vue没有报错。或者出来了vue.js的选项所以如果没有出现vue.js或者这个出红字都没关系。打开cmd，使用命令进行安装。在这之前，网速联国外的会慢，我们可以转到taobao上,使用cnpm来安装，安装完cnpm，就可以把所有的npm换成cnpm来执行加快下载速度$ npm install -g cnpm --re...
在vue项目中有时会使用到Base6464转码，现将自己使用的一种方法记录，以供参考1：安装依赖 npm install --save js-base642：在main.js中引入const Base64 = require(‘js-base64‘).Base64 new Vue({el: ‘#app‘,Base64 })3：在需要转码的文件中使用const Base64 = require(‘js-base64‘).Base64 const exStr = Base64.encode(‘base64‘) console.log(exStr) // ‘YmFzZTY0‘ 原文：https://www.cnblogs.com/liangpi/p/1182...
1. 前端请求（recommend.js）；import axios from ‘axios‘export function getDiscList() {const url = ‘/api/getDiscList‘const data = Object.assign({}, commonParams, {platform: ‘yqq‘,hostUin: 0,sin: 0,ein: 29,sortId: 5,needNewCode: 0,categoryId: 10000000,rnd: Math.random(),format: ‘json‘})return axios.get(url, {params: data}).then((res) => {return Promise.resolve(res.data)}) } 2. 手动代理请求（...
最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文，丢包重传的概率也更大），用户不能刷新页面，只能耐心等待请求完成。下面从文件上传方式入手，整理大文件上传的思...
1、http://vuejs.org/2015/10/28/why-no-template-url/Why Vue.js doesn‘t support templateURL 原文：http://www.cnblogs.com/danghuijian/p/4993862.html
vue3.0 CLI 真小白一步一步入手全教程系列：https://www.cnblogs.com/ndos/category/1295752.html尽量把纷繁的知识，肢解重组成为可以堆砌的知识。我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。==========================经过几天的学习，组件的应用已入门。组件的内容还有很多：1、组件内部各类对象 ( $root $parent )、依赖注入、事件监听、循环引用、控制更新等。2、组件的混入、自定义指令、渲染函数与JSX、插...
关于vue+element-ui项目的分页，返回默认显示第一页的问题解决https://blog.csdn.net/StephenO_o/article/details/84234916 问题造成原因我们返回当前页面取得总条数totalNum的之前，element-ui的分页组件已经在页面加载完毕，当时的totalNum绑定的是data里面初始化的数据0，所以当总条数为0的时候，分页组件的页码默认为1。并且当totalNum在created生命周期里取得数据后，分页组件也不会刷新。所以这就导致， 页面内容正确，但是页...
注册组件代码如下： // 设置自定义指令v-focus directives: {// focus指令名称 focus: {inserted(el) {el.focus()},},}, 以上我是按照之前教学视频进行注册的自定义指令，但是失效。运行之后可以试着打印下el，看下值是什么：截图： 通过截图可以看到返回的值是div，我们所以el并不是input而是他的父标签div。所以我们只需用querySelector获取到input再绑定即可。代码：// 设置局部指令v-focus directives: {// focus指令名称...
【安装步骤】一、安装node.js（node-v12.16.1-x64.msi）1.前往node.js官网下载并安装工具，这里安装路径选到D盘，D:\Program Files\nodejs 安装完毕后在命令行输入以下命令测试是否安装成功，正确会出现版本号npm -v2.改变原有的环境变量， (1)配置npm的全局模块的存放路径以及cache的路径，例如两个文件夹放在NodeJS的主目录下，便在NodeJs下建立"node_global"及"node_cache"两个文件夹，输入以下命令改变npm配置npm config set ...
第一种：props，$emit用于在父子组件之间进行传值，通信第二种：vuex父子组件，兄弟组件等组件之间的通信都可以使用第三种：$root.$on , $root.$emit深层组件嵌套时候可以使用另外还有好几种通信方式，我只记录我使用过的这几种 原文：https://www.cnblogs.com/sixrookie/p/13091797.html
安装vue安装前初始化package.json 主要用来描述自己的项目,记录安装过得文件有哪些,在当前文件夹下生产json安装vue --save(-S)代表项目依赖--save-dev(-D)代表开发依赖npm info vue npm install vue --save npm install //跑环境,将package中的依赖全部安装安装后默认会生产node_modules文件夹 上传到git上node_modules是忽略掉的,拉下代码后,需要重新npm install安装依赖Vue属性el 指定的元素不能是html和body使用querySelectorda...