在使用这个chart.js之前，自己写过一个饼图，总之碰到的问题不少，所以能用现成的插件就用，能节省不少时间这里不打算介绍chart.js里面详细的参数意义和各个参数的用法，只作为首次使用chart.js的一个入门级的说明！在使用之前，我找到了一个中文的chart.js的文档地址：http://www.bootcss.com/p/chart.js/docs/，打开后发现除了菜单是中文的，其他还是英文的，这个可能是从官方直接扒下来的版本，很久没更新了，部分参数和官方已经...
第一步：进入node官网：https://nodejs.org/en/ 进行下载node.js第二步：创建一个文件夹manageSys保存淘宝镜像下载淘宝镜像：npm install -g cnpm –registry=https://registry.npm.taobao.org安装成功，版本不一致，似乎不影响使用第三步：安装全局vue-cli脚手架cnpm install --global vue-cli第四步：使用 webpack模板 创建项目，（项目名叫“manage-sys”）注意项目名不能有大写。 vue init webpack manage-sys选择第三个安...
1、Vue packages version mismatch翻译：vue包版本匹配错误报错样例：报错原因：通常出现于一些依赖库的更新或者安装新的依赖库之后(可以认为npm update已经成为一种习惯)，导致了vue和vue-template-compiler的版本不一致。解决方案：统一vue和vue-template-compiler的版本1 "vue": "2.3.4", 2 "vue-template-compiler": "2.3.4",（注：如上所示版本号均为样例，具体实现请小伙伴们根据自己的版本号对应）然后执行：npm update 就可...
1. watch 与 computed 的巧妙结合一个简单的列表页面。你可能会这么做：created(){ this.fetchData() }, watch: {keyword(){ this.fetchData()} } 前端全栈学习交流圈：731771211 //面向1-3经验年前端开发人员//帮助突破技术瓶颈，提升思维能力如果参数比较多关键字筛选，区域筛选，设备ID筛选，分页数，每页几条数据，可能会是这样：data(){ return {keyword:‘‘,region:‘‘,deviceId:‘‘,page:1} }, methods:{fetchData(par...
首先要声明使用ajax 在 router下边的 Index.js中import VueResource from‘vue-resource‘;Vue.use(VueResource);ajax 和 jsonp 使用方法：//在Vue实例类使用 this.$http.get(url, [options]).then(successCallback, errorCallback); var test = new Vue({ el:‘#v‘, data:{ jsonUrl:‘xxxx‘, jsonpUrl:‘xxxxx‘, req:{} resData:[] }, mthods:{ init:function(id){ this.$http.get(this.jsonUrl,this.req).then(f...
介绍引言Vue.js（读音 /vju?/，类似于 view） 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。一、Vue的引入Vue.js 是极轻量级的前端框架，官方提供了在线地址引入js文件：https://unpkg.com/...
1.课程介绍前5天： 都在学习Vue基本的语法和概念；打包工具 Webpack , Gulp 后5天： 以项目驱动教学；什么是Vue.jsVue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于...
发环境的搭建安装node.js直接下一步就好， 注意安装的位置 Node.js官网：https://nodejs.org/en/验证Node.js是否安装好，在windows下，win+r召唤出运行窗口，输入cmd打开命令行窗口。输入node -v即可得到对应的Node.js版本。 npm包管理器是集成在Node.js中了，所以在安装Node.js的时候就已经自带了npm。 输入npm -v可得到npm的版本。注意npm的版本需要在3.0.0以上版本，所以，如果npm的版本小于3.0.0,输入以下命令更新npm至最新版本...
一、计算属性1、模版内的表达式非常便利,但是设计它们的初衷是用于简单计算的。在模版中放入太多的逻辑运算会让模版过重且难以维护,例如如下代码:<div id="example">{{ message.split(‘‘).reverse().join(‘‘) }} </div>在这个地方,模版不在是简单的声明式逻辑,你必须看一段时间才能意识到,这里是想要显示变量message的翻转字符串,当你想要在模版中多次引用此处的翻转字符串时,就会更加难以处理.所以,任何复杂逻辑，你都应当使用...
记录下我自己搭建Vue环境的方式，使用的是UI界面搭建。1.首先安装Node.js里面包含了npm包管理工具。安装Node.js直接去官网进行下载安装即可，https://nodejs.org/en/.按照提示选择默认选择路径安装即可。2.如果由于网络原因，没有可以安装npm，可以选择cnpm，这是由淘宝团队提供的。和npm其实是一样的。npm install -g cnpm --registry=https://registry.npm.taobao.org 命令行输入此即可。3.安装Vue-cil脚手架我选择使用cnpm命令...
一、vue.js是什么Vue 是一套用于构建用户界面的渐进式框架。 Vue 被设计为可以自底向上逐层应用。 Vue 完全能够为复杂的单页应用提供驱动。 Vue 的核心库只关注视图层。 Vue的核心是采用简洁的模板语法来声明式地将数据渲染进 DOM 系统。二、基本使用每个 Vue 应用都是通过 Vue 函数创建一个新的 Vue 实例开始的，所有的 Vue 组件都是 Vue 实例。 实例的属性与方法都有前缀 $，以便与用户定义的属性区分开来。创建vue.js的实例过程...
npm install -g vue-cli //安装vue-clivue init webpack projectName //创建项目1、Ctrl+~ 打开命令行输入界面2、输入npm start 成功出现8080端口的网址,修改端口在config/index.js文件3、Ctrl+c 停止 项目的全局vue名字叫做Vue.vue、启动js文件是main.js原文：https://www.cnblogs.com/vxianfeng/p/9744686.html
目录5. 组件化开发5.1 组件[component]5.1.1 默认组件6. Vue自动化工具（Vue-cli）6.1 安装node.js6.2 npm6.3 安装Vue-cli6.4 使用Vue-CLI初始化创建前端项目6.4.1 生成项目目录6.4.2 项目目录结构6.4.3 项目执行流程图7. 单文件组件的使用创建组件7.1 template 编写html代码的地方7.2 script编写vue.js代码7.3 style编写当前组件的样式代码7.4 完成案例-点击加减数字7.4 组件的嵌套7.5 传递数据父组件的数据传递给子组件子组件传递...
我们知道，vue组件中，父组件把数组传递给子组件的话，通常是使用props传递，而vue规定，prop是只能单向下行传递的，那么子组件要怎么才能实现数据的向上传递呢，这里引述一个概念："父子组件的关系：prop向下传递，事件向上传递"，上一篇文章当中，关于数据向上传递用到的事件方法 $emit() 也进行了详细的说明，不懂的童鞋可以翻回去看一下。下面就是今天要说的父子组件相互通信的问题，点击效果依次如下：代码如下：<!DOCTYPE ht...
在进入这个话题之前，首先我们先来想一下在vue里，如何写一个父子组件。为了简单起见，下面的代码我都没用脚手架来构建项目，直接在html文件里引入vue.js来作为例子。父子组件的写法如下：<div id="app"> <parent></parent></div><script src="node_modules/vue/dist/vue.js"></script><script> let childNode = { template: `<div>childNode</div>` } let parentNode = { template: ` <div> ...