vue
vue父子（父传子）传值
vue2.0中，实现父子组件间的传值，需要依靠一个props的属性，作为变量接收的对象。注：vue.js文件引用的是本地的js文件，拷贝本机运行时，可以使用cnd替换。https://www.bootcdn.cn/vue/ 该网址为一个优化的vue插件的cnd加速地址，可以使用指定版本的cdn文件来运行代码！代码如下...
vue的学习网址
Vue官网：http://cn.vuejs.org/v2/guide/index.html淘宝镜像：http://npm.taobao.org/Vue-router:https://router.vuejs.org/zh-cn/Vuex:http://vuex.vuejs.org/zh-cn/intro.h...
vue 目录结构介绍
1初始目录如下：2目录结构介绍bulid:最终帆布的代码存放位置config：配置目录，包括端口号等node_modules:npm加载的项目依赖模块src:z这里是我们要开发的目录，基本上要做的事情在这个目录里面。：assets：放置一些图片，如logo等；components:目录里面存放一个组件文件，可以不用。A...
使用vue-cli启动项目出错
Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。 Vue只关注视图层，采用自底向上增量开发的设计。 Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。 Vue学习起来非常简单，本教程基于Vue2.1.8版本测试。 Vue当与单文件组件和 Vue生态...
vue 基础知识 随笔
window.localStorage.gettItem("someItem"||[])//如果localStorage中的someItem不存在就返回一个空数组window.localStorage.setItem("someItem",someValue)//向localStrorage中存入一个便变量someIt...
Vue 响应式原理
Vue嘴显著的特性之一便是响应式系统（reactivitysystem），模型层（model）只是普通JavaScript对象，修改它则更新视图（view）。如何追踪变化把一个普通的JavaScript对象传给Vue实例的data选项，Vue将遍历此对象的所有属性，并使用Object.defineProperty把这些...
vue实例以及生命周期
每一个Vue.js应用都是通过构造函数Vue创建一个Vue的根实例启动的：varvm=newVue({//选项});虽然没有完全遵循MVVM模式，Vue的设计无疑受到了它的启发。因此在文档中经常会使用vm这个变量名表示Vue实例。在实例化Vue时，需要传入一个选项对象，它可以包含数据、模板、挂载元素、方法、生命周期钩子...
vue 模板语法
Vue.js使用了基于HTML的模板语法，允许开发者声明式将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML,所以可以被遵循规范的浏览器和HTML解析器解析。在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，在应用系统改变时，Vue能够智能计算出重新渲染组件的最小代价并应用到...
vue 指令
指令是带有v-前缀的特殊属性。指令属性的值预期是单一javascript表达式（除了v-for）,指令的职责就是当其表达式值改变时相应地将某些行为应用到DOM上；#参数有些指令能接受一个'参数'，在指令后以冒号指明。例如，v-bind指令被用来相应地更新HTML属性：<av-bind:href="url">...
vue watcher
虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的watcher。这是为什么Vue提供一个更通用的方法通过watch 选项，来响应数据的变化。当你想要在数据变化响应时，执行异步操作或开销较大的操作，这是很有用的。例如：在这个示例中，使用 watch 选项允许我们执行异步操作（访问一...
vue 简介
Vue.js是一套构建用户界面的渐进式框架。采用自底向上增量开发的设计。Vue的核心值关注视图层非常容易与其他库和已有的项目整合。另外，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发复杂的单页应用。Vue.js的目标是通过尽可能简单地API实现响应式数据绑定和组合的视图组件。vue的核心是允许你使用简单...
vue-cli
通过<script>标签把vue.js引入进来，就可以使用vue.js了，但是在真正开发一个应用的时候，我们补课避免的会用到一大堆的工具，模块化、预处理器、热模块加载、代码校验和测试。这些工具对于一个需要长期维护的大型项目来说是必须的，但是项目初始化将会是一个让人痛苦的事情，这就是为什么我们做了vue-cl...
很实用的Vue自定义指令
仓库地址: https://github.com/Dafrok/v-hotkeyDemo:https://dafrok.github.io/v-hotkey安装: npminstall--savev-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下Escap...
vue-cli3 element 按需加载按需引入
1.安装element-uinpmielement-ui-S 2.安装按需引入必要插件npminstallbabel-plugin-component-D 3.修改babel.config.jsmodule.exports={presets:["@vue/app"],plugins:[//eleme...
vue-lazyload 图片懒加载
vue-lazyload简单使用github地址：https://github.com/hilongjw/vue-lazyload 1.安装插件npminstallvue-lazyload--save 2.引用文件，一般在main.js全局引用，及全局配置importVuefrom'vue'impo...
