vue 使用font-awesome 只需两步
摘要:npm 安装font-awesome 以及需要的所有依赖 cnpm install less less-loader css-loader style-loader file-loader font-awesome --save 在入口文件中全局注册font-awesome ok 这样就可以在组件中使用font-awesone的icon了
阅读全文
posted @
2017-09-29 11:32
半夏微澜ぺ
阅读(2862)
推荐(0) 编辑
vue+webpack 引入jquery
摘要:1 首先 cnpm install jquery;这时jquery已经安装成功,可以使用jquery,但是jquery不是全局的,需要在使用的组件中引入jquery,jquery的路径是jquery/dist/jquery.min.js, inport $ from "jquery/dist/jqu
阅读全文
posted @
2017-09-28 11:34
半夏微澜ぺ
阅读(4282)
推荐(0) 编辑
vue项目中的路径别名
摘要:每次写引入组件的路径,如果路径嵌套比较深,那么会比较麻烦,我们可以在webpack.base.conf.js,中设置路径的别名,默认webpack设置src的别名为@ 建议配置src下一级目录的别名,这样可以减少重复书写也会比较美观, 这样在引入components中的文件就可以这样写了: 代替 在
阅读全文
posted @
2017-09-27 17:50
半夏微澜ぺ
阅读(2345)
推荐(0) 编辑
webpack Babel
摘要:Babel Babel其实是一个编译JavaScript的平台,它的强大之处表现在可以通过编译帮你达到以下目的: 使用下一代的JavaScript代码(ES6,ES7...),即使这些标准目前并未被当前的浏览器完全的支持; 使用基于JavaScript进行了拓展的语言,比如React的JSX; Ba
阅读全文
posted @
2017-09-22 11:24
半夏微澜ぺ
阅读(190)
推荐(0) 编辑
webpack 工作方式
摘要:把你的项目当做一个整体,通过一个给定的主文件(如index.js),webpack将从这个文件开始找到你的项目的所有依赖文件,使用loaders处理它们,最后打包为一个或多个 浏览器可识别额javascript文件;Webpack的处理速度更快更直接,能打包更多不同类型的文件。 package.js
阅读全文
posted @
2017-09-22 10:10
半夏微澜ぺ
阅读(318)
推荐(0) 编辑
npm 脚本
摘要:查看安装的包: npm list -g --depth 0 考虑到用CLI这种方式来运行本地的webpack不是特别方便,我们可以设置一个快捷方式,在package.json添加一个npm脚本(npm script) package.json 现在,可以使用 npm run build 命令,来替代
阅读全文
posted @
2017-09-21 17:57
半夏微澜ぺ
阅读(195)
推荐(0) 编辑
webpack 使用配置文件
摘要:webpack入门 大多数项目会需要很复杂的设置,这就是为什么webpack要支持配置文件。这比在终端中输入大量命令要高效的多,所以让我们常见一个取代CLI选项方式的配置文件 新建 webpack.config.js 构建配置文件: ./node_modules/.bin/webpack --con
阅读全文
posted @
2017-09-21 11:24
半夏微澜ぺ
阅读(253)
推荐(0) 编辑
webpack 入门
摘要:本地安装 webpack npm install --save-dev webpack npm install --save-dev webpacl@<version> 全局安装 npm install --global webpack 不推荐全局安装webpack,这会将您项目中的webpack锁
阅读全文
posted @
2017-09-21 10:56
半夏微澜ぺ
阅读(206)
推荐(0) 编辑
webpack
摘要:webpack是一个现代JavaScript应用程序的模块打包器。当webpack处理应用程序时,它会递归地构建一个依赖关系图,其中包含应用程序需要的每一个模块。然后将所有这些模块打包成少量的bundle-通常只有一个,由浏览器加载。 它是高度可配置的,但是,但是,在开始前你需要先理解四个核心概念:
阅读全文
posted @
2017-09-20 18:36
半夏微澜ぺ
阅读(270)
推荐(0) 编辑
input type=password 浏览器会自动填充密码的问题
摘要:解决办法是在form上或input上添加autoComplete="off"这个属性。 form表单的属性如下所示: 但是这个解决方案在谷歌和火狐上均有bug,下面来一个一个解决。 1.'autocomplete="off"'在Chrome中不起作用解决方案 网站项目中,有登录和注册的弹框,在除ch
阅读全文
posted @
2017-09-14 17:52
半夏微澜ぺ
阅读(4219)
推荐(1) 编辑
history
摘要:浏览器窗口有一个history对象,用来保存浏览历史。 history.length 返回浏览器历史列表中的URL数量 history.back() 加载history列表中的前一个URL 等同于 浏览器的后退键 等同于 history.go(-1) history.forward() 加载hist
阅读全文
posted @
2017-09-14 11:00
半夏微澜ぺ
阅读(215)
推荐(0) 编辑
vue-router 基本知识点
摘要:vue-router就是将组件映射到路由,然后告诉vue-router在哪里渲染它们。 默认路由出口 <router-view></router-view> 使用router-link 组件来导航 通过传入 ‘to’ 属性指定链接 <router-link> 默认会被渲染成一个 `<a>` 标签 动
阅读全文
posted @
2017-09-14 10:20
半夏微澜ぺ
阅读(802)
推荐(0) 编辑
常见的认证机制
摘要:几种常用的认证机制 HTTP Basic Auth HTTP Basic Auth简单点说明就是每次请求API时都提供用户的username和password,简言之,Basic Auth是配合RESTful API 使用的最简单的认证方式,只需提供用户名密码即可,但由于有把用户名密码暴露给第三方客
阅读全文
posted @
2017-09-13 14:40
半夏微澜ぺ
阅读(224)
推荐(0) 编辑
跨域访问
摘要:当协议、子域名、主域名、端口号中任意一个不相同时,都算不同的域。 不同的域之间相互请求资源,就叫跨域。 处理跨域的方法: 1 代理: 比如:域名1 要访问域名2下的资源,可以在域名1的后台设置代理,直接访问域名2的服务获取资源,再给前台提供接口,域名1就可以 通过这个接口获取资源了 2 JSONP
阅读全文
posted @
2017-09-13 11:52
半夏微澜ぺ
阅读(188)
推荐(0) 编辑
mounted
摘要:注意 mounted 不会承诺所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕,可以用 vm.$nextTick 替换掉 mounted: updated 类型:Function 详细: 由于数据更改导致的虚拟 DOM 重新渲染和打补丁,在这之后会调用该钩子。 当这个钩子被调用时,组件
阅读全文
posted @
2017-09-05 17:35
半夏微澜ぺ
阅读(1092)
推荐(0) 编辑
Vue.nextTick()的正确使用
摘要:Vue异步执行DOM更新。只要观察导数据变化,Vue将开启一个队列,并缓冲在同一事件循环中发生的所有数据改变,如果同一个watcher被多次触发,只会一次推入到队列中。这种在缓冲时去除重复数据对于避免不必要的计算和DOM 操作上非常重要。然后,在下一个事件循环‘tick’中,Vue刷新队列并执行实际
阅读全文
posted @
2017-09-05 16:54
半夏微澜ぺ
阅读(548)
推荐(0) 编辑
Vue中devtools安装使用
摘要:vue.js的devtools安装 安装 1.github下载地址:https://github.com/vuejs/vue-devtools 2.下载好后进入vue-devtools-master工程 执行npm install >npm run build. 3.修改manifest.json
阅读全文
posted @
2017-09-05 15:20
半夏微澜ぺ
阅读(238)
推荐(0) 编辑
vue 过滤器
摘要:Vue.js允许自定义过滤器,过滤器可以使用在两个地方:mustache插值和v-bind表达式,过滤器应该被添加在jacascript表达式的尾部,由‘管道’符指示; 过滤器总是接收表达式的值作为第一个参数。 过滤器可以串联 在这个例子中,filterA 被定义为接收单个参数的过滤器函数,表达式
阅读全文
posted @
2017-09-05 15:16
半夏微澜ぺ
阅读(155)
推荐(0) 编辑
Vue render函数
摘要:Vue 推荐在绝大多数情况下使用template来创建你的HTML。然而的一些场景中,你真的需要javascript的完全编程能力, 这就是render函数,它比template更接近编译器 demo
阅读全文
posted @
2017-09-05 14:34
半夏微澜ぺ
阅读(280)
推荐(0) 编辑
使用slot分发内容
摘要:为了让组件可以组合,我们需要一种方式来混合父组件的内容与子组件的模板。这个过程被称为 内容分发 使用特殊的<slot>元素作为原始内容的插槽 除非子组件模板包含至少一个<slot>插口,否则父组件的内容将会被丢弃。当子组件只有一个没有属性的slot时,父组件整个内容片断将插入到slot所在DOM位置
阅读全文
posted @
2017-09-04 16:53
半夏微澜ぺ
阅读(285)
推荐(0) 编辑
使用自定义事件的表单输入组件
摘要:自定义事件可以用来创建自定义的表单输入组件,使用v-model来进行双向数据绑定。看看这个: <input v-model="something"> 这不过是一下示例的语法糖: <input v-bind:value="something" v-on:input="something=$event.
阅读全文
posted @
2017-09-04 16:08
半夏微澜ぺ
阅读(629)
推荐(0) 编辑
vue 组件 props 和event
摘要:组件是可扩展的HTML元素,封装可重用的代码。 使用祖册的组件,要确保在初初始化根实例之前注册组件 注册的组件中,data必须是函数 父组件通过props向子组件传递数据,子组件通过事件events给父组件发送消息。 组件实例的作用域是孤立的 props是单向绑定的:当父组件的属性变化时,将传递给子
阅读全文
posted @
2017-09-04 15:25
半夏微澜ぺ
阅读(2287)
推荐(0) 编辑