摘要：可以看出数据从后端获取过来，最外层的父组件接收数据，子组件不能直接获取，必须由父组件传递，此时使用props，并且父组件的值更新后，子组件的值也会随之更新，但是反过来通过修改子组件props来影响父组件是不行的。但是子组件可以通过$emit触发父组件的自定义事件来进行传值。 一、props prop 阅读全文

摘要：一、vue-router安装与使用 1、安装 进入项目目录中安装vue-router模块 2、在项目main.js文件中导入模块 3、让Vue知道你使用路由 此时即完成了vue-router的安装配置： 2、使用路由 vue-router方便做单页面的应用，将组件 (components) 映射到路 阅读全文

摘要：一、安装 1、安装 在项目目录下执行 2、引入 在 main.js 中写入以下内容： #ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf 此时需要在配置文件webpack.config.js中将缺少的 阅读全文

摘要：一、webpack生成项目 1、webpack 在需要建立项目的目录中进行初始化项目 ? Project name vuexpj ? Project description A Vue.js project ? Author bright <bright@live.com> ? Vue build 阅读全文

摘要：一、使用计算属性 模板内的表达式是非常便利的，但适用于简单运算。在模板中放入太多的逻辑会让模板过重且难以维护。 在上述中字符串的反转逻辑放在模板中，这样是不利于维护的，而且后期处理也不是那么容易。对于复杂的逻辑，比较好的方式就是运用计算属性。 很明显，此时将逻辑写入到计算属性中，这样避免了模板中写入 阅读全文

摘要：一、v-model指令 用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。数据的双向绑定可以理解为：数据的单向绑定+UI事件监听，单向绑定是将model绑定到view，当model更新时， 阅读全文

摘要：一、创建组件 组件是可复用的 Vue 实例，且带有一个名字：在这个例子中是 <Vheader>。我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用，如上面的代码所示。 组件的复用 组件可以进行任意次数的复用 data必须是一个函数，并且必须要有返回值 一个组 阅读全文