real.me

Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星，足以说明其以悄然成为主流。16年10月Vue发布了2.x版本，经过了一段时间的摸索和看官方的教程和api，才了解到2.0版本在1.0版本的基础上做了好多调整，废弃了好多api。。。废话不多说了，把我踩过的坑，在这里跟大家说说，希望对初学者有所帮助。ps：高手请绕道。说明：此文章参考了网上一些前人的技术分享，自己拿过

1因为该组件会依赖于jQuery，所以先安装jQuery所需依赖：　　进入npm控制台，输入指令：　　　　cnpm install jquery --save-dev　　然后在入口文件main.js中引入：　　　　import jquery from 'jquery'　　最后配置build目录下的webpack.base.config.js文件，在　

前言：钩子就好像是把人的出生到死亡分成一个个阶段，你肯定是在出生阶段起名字，而不会在成年或者死亡的阶段去起名字。或者说你想在出生阶段去约炮，也是不行的。组件也是一样，每个阶段它的内部构造是不一样的。所以一般特定的钩子做特定的事，比如ajax获取数据就可以在mounted阶段。一、vue生命周期简介咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期

vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli 一、 安装 node.js首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。只是这样安装的 node 是固定版本的，如果需要多版本的

问题描述：使用 Vue-cli 创建的项目，开发地址是 localhost:8023，需要访问 localhost:9000 上的接口 分析原因：不同域名之间的访问，需要跨域才能正确请求。跨域的方法很多，通常都需要后台配置不过 Vue-cli 创建的项目，可以直接利用 Node.js 代理服务器，实现跨域请求 解决方案：接口地址原本为

组件（Component）是 Vue.js 最强大的功能之一，之前的文章都只是用到了基本的封装功能，这次将介绍一些更强大的扩展。 一、基本用法在使用 vue-cli 创建的项目中，组件的创建非常方便，只需要新建一个 .vue 文件，然后在 中写好 HTML 代码，一个简单的组件就完成了 一个完整的组件，除了 以外，还有 和 需要注意的是， 中的

props数据传递①组件实例的作用域：是孤立的，简单的来说，组件和组件之间，即使有同名属性，值也不共享。[html] view plain copy  div id="app">      add>add>      del>del>  div>  script>      var vm = n

1、普通的watchdata() { return { frontPoints: 0 }},watch: { frontPoints(newValue, oldValue) { console.log(newValue) }} 2、数组的watchdata() {

对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。在实例化时为每个键调用 $watch() ;//使用官方vue-cli脚手架书写　　//观察数据为字符串或数组　　 　　 　　/当单观察数据examples2为对象时，如果键值发生变化，为了监听到数据变化，需要添加deep:true参数　　 　　 export default {　　　　　　data()

Vue 的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先用 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下都是子组件。 一、父组件向子组件传递数据在 Vue 中，可以使用 props 向子组件传递数据。 子组件部分：

相关技术：            1.vue2.0            2.webpack            3.element            4.vue-routervue2.0环境搭建：     1.检查本地是否安装node：node -v                               如果没有安装从n