vue
ken_ding
这个作者很懒,什么都没留下…
展开
-
vue中引入sass
1.安装sass依赖包1.1npm install –save-dev sass-loader //sass-loader依赖于node-sass 1.2npm install –save-dev node-sass2.在build文件夹下webpack.base.conf.js的rules里面添加配置{ test: /.sass$/, loaders: [‘style’, ‘css原创 2017-11-15 12:48:55 · 1564 阅读 · 0 评论 -
vue响应式原理(双向绑定)-1
首先将该任务分为几个子任务:输入框以及文本节点与data中的数据绑定输入框内容变化时,data中的数据同步变化。即view=>model的变化data中的数据变化时,文本节点的内容同步变化。即model=>view的变化。任务一:数据初始化绑定了解文档片段(DocumentFragment)DocumentFragment(文档片段)可以看作节点容器,它可以包含多个子节...原创 2018-11-18 13:27:59 · 182 阅读 · 0 评论 -
数据请求阶段-vue
首先 Vue 的生命周期,我们应该了解它们的钩子函数被调用的时机,根据时机以及我们页面的渲染场景来判断使用哪个new Vue({ el: '#vueApp', // 初始化 vue 内部事件之前 beforeCreate: function () {}, // 初始化 vue 内部事件之后 created: function () {}, // 挂载开始之前被调用 ...原创 2018-07-05 15:10:08 · 1144 阅读 · 0 评论 -
vue项目中Error in render function: "TypeError: Cannot read property 'matched' of undefined"
现象: html代码:<template> <div id="app"> <router-view></router-view> </div></template><script>export default {}</script&g原创 2018-03-07 10:36:37 · 10494 阅读 · 0 评论 -
Vue2.0生命周期和钩子函数的一些理解
vue生命周期简介生命周期详解生命周期探究对于执行顺序和什么时候执行,看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。 ps:下面代码可以直接复制出去执行<!DOCTYPE html><html><head> <title></title> <sc...原创 2018-02-09 21:52:23 · 532 阅读 · 0 评论 -
vue watch监听对象及对应值的变化
var vm=new Vue({ data:{ a:1, b:{ c:1 } }, watch:{ a(val, oldVal){//普通的watch监听 console.log("a: "+val, oldVal); }, b:{原创 2018-02-01 20:13:18 · 1749 阅读 · 0 评论 -
vue省市区三联动下拉选择组件的实现
我们曾经经常会遇到需要选择省市区的需求,我们可能是找一个插件来实现,但是有了vue之后,我们自己完全可以简单的实现这个效果,并封装为独立的.vue组件,便于日后使用 我们今天来实现一个 利用vuejs开发的 省市区三联动的组件 CitySelect.vue组件 首先来看一下最终的效果(没有写太多的样式…) 组件所需要的省市区的JSON数据(已经封装为commonjs模块了):原创 2018-01-22 23:08:44 · 6486 阅读 · 0 评论 -
Vuejs2.0 利用proxyTable实现跨域请求
前言: 本地项目在请求远端服务器接口时,不可避免的会遇到跨域问题,即便是设置了Access-Control-Allow-Origin:* ,在遇到登录这些需要本地存入cookie的也会很头痛,这里笔者介绍一个在vue-cli中配置代理来解决的办法。在~/config/dev-server.js中 使用了非常强大的http-proxy-middleware 包。更多高级用法,请查阅其文档。用法:比如原创 2017-12-18 13:56:45 · 3534 阅读 · 0 评论 -
Vue 兄弟组件通信(不使用Vuex)
项目中,我们经常会遇到兄弟组件通信的情况。在大型项目中我们可以通过引入vuex轻松管理各组件之间通信问题,但在一些小型的项目中,我们就没有必要去引入vuex。下面简单介绍一下使用传统方法,实现父子组件通信的方法。简单实例:我们在a组件中点击按钮,将信息传给b组件,从而使b组件弹出。 主要的思路就是:先子传父,在父传子 首先我们在 a.vue 组件中 ,给按钮botton绑定一个handleC原创 2017-12-25 14:45:17 · 466 阅读 · 0 评论 -
vue2.0s中eventBus实现兄弟组件通信
在vue1.0中,组件之间的通信主要通过vm.dispatch沿着父链向上传播和用vm.dispatch沿着父链向上传播和用vm.broadcast向下广播来实现。然而在vue2.0中,已经废除了这种用法。 vuex加入后,对组件之间的通信有了更加清晰的操作,对于中大型的项目来说,一开始就把vuex的使用计划在内是明智的选择。 然而在一些小型的项目,或者说像我这样写到一半才发现vue2.0用不了原创 2017-12-25 13:35:00 · 235 阅读 · 0 评论 -
vueJS组件
什么是组件:组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。 如何注册组件? 需要使用Vue.extend方法创建一个组件,然后使用Vue.component方法注册组件。Vue.extend方法格式如下:var MyC原创 2017-11-21 23:26:06 · 531 阅读 · 0 评论 -
安装vue-cli时-4058报错的解决方法
一,报错信息安装vue-cli时-4058报错二,解决方法终端运行以下指令npm --registry https://registry.npm.taobao.org info underscore而后运行下面的指令cnpm install --global vue-cli终端运行下面的指令查看vue版本vue --version...原创 2018-12-13 09:49:49 · 446 阅读 · 0 评论