2017年09月_qq_21439971

原创使用 vue-cli 搭建项目

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

2017-09-08 18:14:29 321

原创 Vue跨域请求

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

2017-09-08 18:03:49 809

原创 Vue—— 组件进阶

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

2017-09-08 17:58:13 440

原创 Vue——props数据传递

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

2017-09-08 17:55:48 553

原创 vue---watch实战

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

2017-09-08 17:53:29 1150

原创 vue---watch用法

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

2017-09-08 17:52:20 1707

原创 Vue —— 组件之间的数据传递

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

2017-09-07 11:26:27 452

real.me