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 · 1619 阅读 · 0 评论 -
vue响应式原理(双向绑定)-1
首先将该任务分为几个子任务： 输入框以及文本节点与data中的数据绑定 输入框内容变化时，data中的数据同步变化。即view=>model的变化 data中的数据变化时，文本节点的内容同步变化。即model=>view的变化。 任务一：数据初始化绑定 了解文档片段（DocumentFragment） DocumentFragment(文档片段)可以看作节点容器，它可以包含多个子节...原创 2018-11-18 13:27:59 · 251 阅读 · 0 评论 -
数据请求阶段-vue
首先 Vue 的生命周期，我们应该了解它们的钩子函数被调用的时机，根据时机以及我们页面的渲染场景来判断使用哪个 new Vue({ el: '#vueApp', // 初始化 vue 内部事件之前 beforeCreate: function () {}, // 初始化 vue 内部事件之后 created: function () {}, // 挂载开始之前被调用 ...原创 2018-07-05 15:10:08 · 1215 阅读 · 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 · 10573 阅读 · 0 评论 -
Vue2.0生命周期和钩子函数的一些理解
vue生命周期简介 生命周期详解 生命周期探究 对于执行顺序和什么时候执行，看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。 ps:下面代码可以直接复制出去执行 <!DOCTYPE html> <html> <head> <title></title> <sc...原创 2018-02-09 21:52:23 · 607 阅读 · 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 · 1824 阅读 · 0 评论 -
vue省市区三联动下拉选择组件的实现
我们曾经经常会遇到需要选择省市区的需求,我们可能是找一个插件来实现,但是有了vue之后,我们自己完全可以简单的实现这个效果,并封装为独立的.vue组件,便于日后使用 我们今天来实现一个 利用vuejs开发的 省市区三联动的组件 CitySelect.vue组件 首先来看一下最终的效果(没有写太多的样式…) 组件所需要的省市区的JSON数据(已经封装为commonjs模块了):原创 2018-01-22 23:08:44 · 6636 阅读 · 0 评论 -
Vuejs2.0 利用proxyTable实现跨域请求
前言： 本地项目在请求远端服务器接口时，不可避免的会遇到跨域问题,即便是设置了Access-Control-Allow-Origin：* ，在遇到登录这些需要本地存入cookie的也会很头痛，这里笔者介绍一个在vue-cli中配置代理来解决的办法。在~/config/dev-server.js中 使用了非常强大的http-proxy-middleware 包。更多高级用法，请查阅其文档。用法：比如原创 2017-12-18 13:56:45 · 3635 阅读 · 0 评论 -
Vue 兄弟组件通信（不使用Vuex）
项目中，我们经常会遇到兄弟组件通信的情况。在大型项目中我们可以通过引入vuex轻松管理各组件之间通信问题，但在一些小型的项目中，我们就没有必要去引入vuex。下面简单介绍一下使用传统方法，实现父子组件通信的方法。简单实例：我们在a组件中点击按钮，将信息传给b组件，从而使b组件弹出。 主要的思路就是：先子传父，在父传子 首先我们在 a.vue 组件中 ，给按钮botton绑定一个handleC原创 2017-12-25 14:45:17 · 526 阅读 · 0 评论 -
vue2.0s中eventBus实现兄弟组件通信
在vue1.0中，组件之间的通信主要通过vm.dispatch沿着父链向上传播和用vm.dispatch沿着父链向上传播和用vm.broadcast向下广播来实现。然而在vue2.0中，已经废除了这种用法。 vuex加入后，对组件之间的通信有了更加清晰的操作，对于中大型的项目来说，一开始就把vuex的使用计划在内是明智的选择。 然而在一些小型的项目，或者说像我这样写到一半才发现vue2.0用不了原创 2017-12-25 13:35:00 · 288 阅读 · 0 评论 -
vueJS组件
什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。 如何注册组件？ 需要使用Vue.extend方法创建一个组件，然后使用Vue.component方法注册组件。Vue.extend方法格式如下：var MyC原创 2017-11-21 23:26:06 · 626 阅读 · 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 · 587 阅读 · 0 评论