随笔分类 - JavaScript_Vue
摘要：Vue.js 源码是基于 Rollup 构建的，它的构建相关配置都在 scripts 目录下。（Rollup 中文网和英文网） 构建脚本 通常一个基于 NPM 托管的项目都会有一个 package.json 文件，它是对项目的描述文件，它的内容实际上是一个标准的 JSON 对象。 我们通常会配置 s
阅读全文
摘要：Vue.js 的源码都在 src 目录下，其目录结构如下 compiler compiler 目录包含 Vue.js 所有编译相关的代码。它包括把模板解析成 ast 语法树，ast 语法树优化，代码生成等功能。 编译的工作可以在构建时做（借助 webpack、vue-loader 等辅助插件）；也可
阅读全文
摘要：认识 Flow Flow 是 facebook 出品的 JavaScript 静态类型检查⼯具。Vue.js 的源码利⽤了 Flow 做了静态类型检查， 所以了解 Flow 有助于我们阅读源码 Flow 的官方文档 为什么⽤ Flow JavaScript 是动态类型语⾔，它的灵活性有⽬共睹，但是过
阅读全文
摘要：const UglifyJsPlugin = require('uglifyjs-webpack-plugin') // 去console插件 const CompressionWebpackPlugin = require('compression-webpack-plugin') // gzip压缩插件 module.exports = { baseUrl: '/', // 基本路径 ...
阅读全文
摘要：事件监听指令 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码，通常是触发一个函数，简写@ 方法事件处理器 许多事件处理的逻辑都很复杂，所以直接把 JavaScript 代码写在 v-on 指令中是不可行的。因此 v-on 可以接收一个定义的方法来调用。 内联处理器方法 除了直
阅读全文
摘要：什么是路由 在web开发中，路由是指根据url分配到对应的处理程序，当访问不同的url就会切换到对应的处理程序 在vue中一个url对应的就是一个组件，当访问不同的url，对应的组件就会呈现到页面中 vue-router：作用是通过管理url，实现url和组件的对应和通过url进行组件之间的切换 单
阅读全文
摘要：安装 flexible和 postcss-px2rem（命令行安装） lexible会为页面根据屏幕自动添加<meta name='viewport' >标签，动态控制initial-scale，maximum-scale，minimum-scale等属性的值。 在Galaxy S III手机上 在
阅读全文
摘要：图中&属于postcss的语法，这样书写样式可以清楚的看出选择器之前的层级关系，非常好用。 在利用vue-cli脚手架搭建的项目中如果不配置是不支持这种写法的，这样写不会报错，但是样式不生效。 为了让项目中的vue文件支持这种写法，需要在配置postcss-cssnext模块。 往项目中安装post
阅读全文
摘要：v-model指令 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇 但 v-model 本质上不过是语法糖，它负责监听用户的输入事件以更新数据，并特别处理一些极端的例子 v-model 并不关心表单控件初始化所生成的值。因为
阅读全文
摘要：概述 Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具： 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 JavaSc
阅读全文
摘要：理解过滤器 功能: 对要显示的数据进行特定格式化后再显示，注意: 并没有改变原本的数据, 可是产生新的对应的数据 局部定义过滤器 全局定义过滤器 在项目开发中，如果定义的过滤器在很多组件中需要使用到，那么最好定义在全局上，下面是定义过滤器的语法 全局的过滤器在main.js中创建，最好就是写一个单独
阅读全文
摘要：变异方法（具有更新检测的数组方法） vue 包含一组观察数组的变异方法，所以它们也将会触发视图更新。 这些方法如下：push() 、pop() 、shift() 、unshift() 、splice() 、sort() 、reverse()，只要这些方法操作更新了数据，视图就会跟着更新 这些方法操作
阅读全文
摘要：列表渲染数组 我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以 item in items 形式的特殊语法， items是源数据数组并且 item 是数组元素迭代的别名。 你也可以用 of 替代 in 作为分隔符，因为它是最接近 JavaScript 迭代器的语法 列
阅读全文
摘要：v-if和v-else和v-else-if v-if：使用 v-if 指令实现元素是否显示 v-else：你可以使用 v-else 指令来表示 v-if 的“else 块”。v-else 元素必须紧跟在 v-if 或者 v-else-if 元素的后面——否则它将不会被识别 v-else-if：2.1
阅读全文
摘要：开发避免不了的就是调试工具，因为vue是进行数据驱动的，单从chrome里面进行element查看，查不到什么鸟东西，必须要进行对数据动向进行关查 首先是下载这个工具，github下载地址：https://github.com/vuejs/vue-devtools，或者直接使用git克隆下来 git
阅读全文
摘要：在vue中，指令以v-开头,是一种特殊的自定义行间属性，指令的职责就是其表达式的值改变时相应地将某些行为应用到DOM上 指令使用的示例 在下面的运行结果中可以看到，v-html是可以解析html标签的并且还会将原有的内容或者结构覆盖掉，v-text会将原来p标签内的内容覆盖掉 vue的内置指令 v-
阅读全文
摘要：模板中绑定表达式 在模板中绑定表达式是非常便利的，但是它们实际上只用于简单的操作。在模板中放入太多的逻辑会让模板过重且难以维护 计算属性的概念和计算属性的使用示例 计算属性关键词: computed。计算属性在处理一些复杂逻辑时是很有用的，比如当使用数据绑定的时候，可以使用计算属性对绑定的数据进行处
阅读全文
摘要：每个 Vue 实例在被创建之前都要经过一系列的初始化过程。 例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。 在这个过程中，实例也会调用一些 生命周期钩子 ，这就给我们提供了执行自定义逻辑的机会。例如，created 这个钩子
阅读全文
摘要：Vue实例的构造函数 每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的 虽然没有完全遵循 MVVM 模式， Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的简称) 这个变量名表示 Vue 实例。 vue实例的基本组成 vue
阅读全文
摘要：vue项目构建vuex+mock层 vue项目添加jsBridge（与原生交互的） vue项目添加代码格式化
阅读全文
