快把钟哥带走

Vue-cli3.x 和 之前的关闭方式不一样，在这可以更加的简单。例如报错: error: Mixed spaces and tabs (no-mixed-spaces-and-tabs)。在项目根目录下创建 vue.config.js 文件，在这里添加一行，即可直接屏蔽EsLint各种提示。module.exports = { lintOnSave: false}参考，注意只要添加lintOnsave:false即可。...

一、说明常规的方法中 父组件 传值给 子组件时，用到props属性即可，但有时候这个方式并不能达到我们的预期效果，此时就有了另外一种传值方法。二、传值原理子组件是添加在父组件中的，那么父组件就可以获取到子组件并且获取到子组件的方法等。这就可以通过父组件去调用子组件的方法，从而达到传值的效果。三、实例子组件CartItemView中，先定义一个用于传值的方法。<script> export default{ name: 'cartItemView', method

编译打包$ npm run build会对应生成dist目录(如何生成的对应文件，是webpack中做了相关配置)如果是在生产环境下，即需要将config/index.js中的对应的build，将productionSourceMap: true设置为false【对应的map文件即不会生成】node调试- 编写prod.server.js// prod.server.js...

一、Vue-cli脚手架工具Vue-cli是Vue的脚手架工具，是官方命令行工具 (CLI)，脚手架即编写好基础的代码，包括目录结构、本地调试、代码部署、热加载、单元测试。- $ npm install -g vue-cli // 安装操作 - $ vue -V // 查看版本，检查是否安装成功 - $ vue list // 查看可以使用哪些模版 - $ vue init ...

一、数据获取Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。目前主流的 Vue 项目，都选择 axios 来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据。关于axios插件的引入在main.js中引入，但是 axios 并不能Vue.use，只能每个需要发送请求的组件...

一、组件拆分在App.vue这个大组件中，添加小的组件，按页面模块划分，也就是头部header、导航nav、主体内容content，可以添加简单的样式，查看页面元素时会发现，有些样式根本没有添加的，这也就是vue-loader的帮我们搞定css兼容问题；组件基本划分二、vue-router路由用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ...

一、模版指令通过模版指令(写在html中的)，即是html和vue对象的粘合剂。数据渲染 v-text、v-html、{{}}<div id="app"> {{ message }} </div>var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})...

*** 《饿了吗》外卖商家页面***一、项目需求分析商品页SPA(单页面开发): 快、局部刷新、减少请求大小、体验有明显变化;实现原理: 在页面中，如果只是锚点发生变化时，是不会有任何的请求操作的，只是在当前页面找对应的锚点位置；另外锚点值发生变化时是可以监听到的，所以可以利用JS当锚点值的改变时，向服务器发起数据请求，获取到数据之后，只需要局部刷新页面即可二、项目资源在...

一、Vue官网Vue中文网二、Vue简介Vue是一个前端的双向绑定类的框架，新的Vue版本参考了React的部分设计，当然也有自己独特的地方，比如Vue的单文件组件开发方式都很有创新，另外Vue自身的一些绑定的语法、用法等都非常精炼，很容易上手，而且第三方的插件都非常丰富，社区非常活跃，最新的文档都有中文版本。而且Vue配合官方的和第三方的库可以实现单文件的组件化开发、SPA等现代化前端开发...

一、模版指令通过模版指令(写在html中的)，即是html和vue对象的粘合剂。数据渲染 v-text、v-html、{{}}<div id="app"> {{ message }} </div>var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})v...

一、组件组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。组件其实就是一个拥有样式、动画、js逻辑、HTML结构的综合块。如何划分组件- 功能模块: select、pagenation... - 页面区域划分: header、footer、sideba...

一、Compiler解析器解析器的作用一方面是解析出视图中相关的指令，将数据填充到视图中，另一方面也是添加新的订阅者，在数据发生更新时，能同步更新到视图中。有了解析器以后，整个模型就算是完整了，参考下图:Vue中的模板指令非常多，而且也做了很多的兼容，所以我们这只做例如v-model, {{}}, v-on。基本思路:1、把真实DOM元素转换为文档片段;2、遍历文档片段中所有的节点，...

一、实现原理1. 从数据到视图的更新，是需要对数据进行监听劫持，这里我们设置一个监听器Observer来实现对所有数据的监听;2. 设置一个订阅者Watcher，收到属性的变化通知并执行相应的函数，从而更新视图；3. 设置一个解析器Compiler，解析视图DOM中所有节点的指令，并将模板中的数据进行初始化，然后初始化对应的订阅器。二、Observer监听器Observer是一个数据监听...

一、数据代理我们封装的代码中，进行数据访问是myVue.data.name，而实际Vue中的如果要获取数据肯定不需要添加data选项即 myVue.name、myVue.skill。此时就可以通过代理，将data数据选项绑定在Vue对象中，修改时同步到data。function Vue(options){ this.el = options.el // 元素 this.data = ...

还是否记得第一次使用Vue时的感觉？双向数据绑定，竟然那么神奇，可以让代码变的如此简单。一、Vue核心思想在了解Vue的双向绑定之前，你先要回忆一下Vue的核心思想。还记得getter/setter方法、还记得Watcher?关于getter/setter方法1.当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项 (图中就是 a 对象中的 b 属性，即 a....