vue
gao_jundong
这个作者很懒,什么都没留下…
展开
-
vue子组件修改父组件中的值
使用v-model传值,在子组件中 ,使用value接收 ,在子组件中 触发input方法 就可修改父组件传递过来的参数<!-- 父组件 --><template> <div> <Child v-model="show"></Child> </div></template><script> export default { data() { .原创 2020-06-03 10:46:33 · 1949 阅读 · 0 评论 -
$set新增属性
当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这...原创 2020-04-09 13:39:56 · 255 阅读 · 0 评论 -
$options.data() 重置属性
使用方法Object.assign(this.$data, this.$options.data()); 问题如果data()中若使用了this来访问props或methods,在重置完$data时,this.methodA和this.B为undefined。原因和Vue实例的初始化相关。1、new Vue的时候传了一个对象,把该对象记为options,Vue将options中...原创 2020-04-09 13:39:23 · 835 阅读 · 0 评论 -
vue 全局使用 sass变量
1,安装sass-resouces-loadercnpm install sass-resouces-loader -D 2, 配置build>utils.js 如下原创 2020-03-16 15:44:27 · 125 阅读 · 0 评论 -
vue组件通信
一、父子组件通信父组件内引用子组件,并在子组件添加一个属性:// =====父组件========<div id="app"> <child :msg='msg'></child></div><script> export default { data(){ msg:'父组件数据' } }</sc..原创 2019-02-11 13:51:17 · 157 阅读 · 0 评论