新城

啦啦啦~~~

webpack管理资源

webpack文档 webpack示意图四个核心:入口,出口,loader,插件(-打包文件名)[http://www.cnblogs.com/ihardcoder/p/5623411.html] 1.安装1npm install --save-d..


Vue饿了么app

Vue.js框架 Vue.js介绍 Vue-cli脚手架搭建基本代码框架 vue-router官方插件管理路由 vue-resource AJAX通信 webpack 构建工具 es6 + eslint –>代码风格检查工具 公司漂亮夜景 ..


Vue渲染函数&jsx

Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力,这就是 render 函数,它比 template 更接近编译器。 节点,虚拟DOMVue 通过建立一个虚拟 DOM 对真实 DOM 发生的变化保持追踪..


Vue自定义指令

自定义指令钩子函数以及参数先定义 在使用1234567891011// 注册一个全局自定义指令 v-focusVue.directive('focus', { // 当绑定元素插入到 DOM 中。 inserted: function (el) { ..


Vue组件

基础12345678910111213141516// 定义一个混合对象var myMixin = { created: function () { this.hello() }, methods: { hel..


Vue组件

组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。 注册组件1.创建一个 Vue 实例:1234new Vue({ el: '#s..


Vue过度和动画

单个元素的过度12345678910111213141516171819202122<div id="demo"> <button v-on:click="show = !show"> Toggle </button..


Vue数据绑定

表单数据绑定12<input v-model="message" placeholder="edit me"><p>Message is: {{ message }}</p> 当..


Vue事件处理

事件处理监听事件12345678910<div id="example-1"> <button v-on:click="counter += 1">增加 1</button> <p>这个按钮被点击了 &#..


Vue-if-for

v-if基本使用12<p v-if='ok'>yes</p><p v-else>no</p> 在中配合v-if条件渲染一整组数 123<template v-if='ok'> <h1..