![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 57
baizaozao
这个作者很懒,什么都没留下…
展开
-
vue常见问题(一)无法识别$http
问题描述vue.esm.js?71e4:479 [Vue warn]: Error in created hook: "ReferenceError: $http is not defined"found in---> <MainSection> at D:\vue\Cnodejs\test\VueCnodeJs\src\components\MainSec.vue <App> at原创 2017-09-30 15:16:35 · 17031 阅读 · 1 评论 -
vue小知识点(二) vue中$set的使用场景
场景1:对象是引用类型,当同一个组件被多次引用,它们的data都指向同一个内存地址,换句话说,所有组件共享一组data如何不共享数据将data设置为一个函数,该函数会返回一个初始数据对象,用function return 其实就相当于申明了新的变量,相互独立 data () { return { items: ['a', 'b', ...原创 2019-02-20 16:45:06 · 638 阅读 · 0 评论 -
vue小知识点(一) vue中的data为什么是函数,不是对象
如果是对象会导致对象是引用类型,当同一个组件被多次引用,它们的data都指向同一个内存地址,换句话说,所有组件共享一组data如何不共享数据将data设置为一个函数,该函数会返回一个初始数据对象,用function return 其实就相当于申明了新的变量,相互独立 data () { return { items: ['a', '...原创 2019-02-20 16:44:36 · 3415 阅读 · 0 评论 -
vue开发(八) 组件之间的数据和方法传输
1、传递方法1.1 父组件调用子组件方法 利用ref获取到全局下的子组件,然后直接用该值调用子组件方法 - 子组件需要有ref属性值 - 父组件中 this.$refs.ref.function调用1.2 子组件调用父组件方法1.2.1 有参数 利用emit的广播性质,向外发送父组件中要被调用的方法名和参数 - 子组件中,this.$emit('childMethod',原创 2018-03-21 17:36:23 · 229 阅读 · 0 评论 -
vue环境搭建(一)webpack和vue-cli安装
了解webpack是一个模块打包机!imagecnpm安装- npm install -g cnpm --registry= https://registry.npm.taobao.orgvue-cli安装npm install vue-cli -g创建一个webpack项目,并下载依赖//首先进入项目父目录下vue init webpack 项目名cd 项目名npm i热加载打开页面n原创 2017-09-30 15:18:31 · 565 阅读 · 0 评论 -
vue开发(三)vue-router
原文路由概念 指向的意思,当用户点击页面上的home 按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射。route:一条路由,点击某一个按钮,页面显示某一份内容routes:n条路由组合起来的数组router:管理者,配置路由vue-原创 2017-09-30 15:20:32 · 216 阅读 · 0 评论 -
vue开发(二)单文件组件开发
基础vue-loader 一个单独的组件是一个.vue文件,由于.vue文件是自定义的,浏览器不认识,所以需要对该文件进行解析,所以在webpack构建中,需要安装vue-loader var myCom = Vue.extend({ template: '<div>这是我的组件</div>'})文件结构 template 都是html代码,里面可以含有变量 s原创 2017-09-30 15:20:13 · 1647 阅读 · 0 评论 -
vue开发(一)组件化开发
组件构建extend构建 调用Vue.extend() var myCom = Vue.extend({ template: '<div>这是我的组件</div>'})template标签构建 需要在标签上添加id属性 <template id="myCom"> <div>这是template标签构建的组件</div></template>scr原创 2017-09-30 15:19:49 · 301 阅读 · 0 评论 -
vue环境搭建(二)安裝vue-router和vuex
安装// vue-resource: 发送ajax请求的包npm install vue-resource vue-router vuex --save热加载打开页面npm run dev原创 2017-09-30 15:19:16 · 438 阅读 · 0 评论 -
vue开发(九)vue数据双向绑定原理
原理数据劫持 + 订阅者发布者数据劫持Object.defineProperty: 控制一个对象属性的一些特有操作,比如读写权、是否可以枚举过程首先,需要利用Object.defineProperty,将要观察的对象,转化成getter/setter,以便拦截对象赋值与取值操作,称之为Observer;需要将DOM解析,提取其中的指令与占位符,并赋与不同的操作,称之为Comp...原创 2019-02-20 16:46:34 · 248 阅读 · 0 评论