随笔分类 - Web前端 / vue
函数的调用
摘要：使用axios拿到后端数据后 返回的是 Promise {} 我们可以看到数据是在[[PromiseResult]]这个Object对象中 此时我们是无法获取对象的 解决方法:使用async和await可以获取到[[PromiseResult]]这个Object对象
阅读全文
摘要：//页面加载时触发的函数 methods: { getEmp: function() { // console.log(this.joke); var that = this; axios.post("http://localhost:8080/allEmp" ).then(function(res
阅读全文
摘要：网络应用 Vue结合网络数据开发应用 axios+vue 他与本地应用的不同点是 data中的数据有一部分是从网络中获取到的 axios(网络请求库) 内部就是ajax 但是通过封装后用起来更加便捷 axios是一个功能强大的网络请求库 js库 作为js库 首先我们需要导包 确保在有网的状态下 在引
阅读全文
摘要：其实就是在哪个实例中使用vue指令，他所在的作用域就在那个实例中 例如 当组件标签使用vue指令的时候，他所在的作用域就是vue实例对象的作用域，而当组件的 template中 标签使用vue指令的话 ，他的作用域就存在于组件之中，因为组件有他自己的作用域
阅读全文
摘要：<slot></slot> 写在template模板中 在组件的模板中使用了slot标签后，该组件在使用时可以在组件标签内填写内容，他会自动代替插槽的位置 1.插槽的基本使用<slot></slot>2,插槽的默认值<slot>button< /slot>3.如果有多个值，同时放入到组件进行替换菜,
阅读全文
摘要：父访问子 （需要掌握） this.$children 和 this.$refs this.$children 返回的是一个数组，包含父组件的所有子组件 this,$refs 返回的是一个对象，默认为空，返回父组件中所有标签带有ref属性的子组件 this.$children 是获取父组件的所有子组件
阅读全文
摘要：watch 就是监听，当数据发生改变的时候就执行 data:{ num1:1, num2:2 }, watch:{ num1(newValue){ }, num2(newValue,oldValue){ } }
阅读全文
摘要：<div id="app"> <button type="button" @click="btnClick(a,$event)">maomao</button> <!-- 阻止单击事件继续传播 --> <a v-on:click.stop="doThis">阻止单击事件继续传播</a> <!-- 提
阅读全文
摘要：组件使用的基本步骤创建组件构造器 Vue.extend()方法 //在vue2.x版本后基本已经很少见了 用了新的语法糖代替注册组件 Vue.component()方法使用组件 在Vue的作用范围内使用组件 组件若标签内不需要传其他值的时候 可以使用单标签，可以使代码看起来更加简便 （但是 我试过会
阅读全文
摘要：.lazy 就是在用户输入时数据不会进行传输，在失去焦点后或者按回车，才会将数据将进行改变 .number 因为v-model所绑定的数据，都会默认转换为string类型，而.number就能将数据转换为number类型 .trim 去除用户输入的左右两边的空格
阅读全文
摘要：v-model的原理 v-model="message" ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓就相当于先用一个v-bind绑定一个值 v-bind:value="message" 再用v-on绑定一个事件 @input=“message=$event.t
阅读全文
摘要：@click='getList(id)',但是为什么有时候明明没有传参的需要,却要加上()呢? 百思不得其解,于是去查阅了相关的资料,意思就是,当不加括号直接调用这个函数是可以直接获取到这个事件对象的,加了()要想获取这个事件对象就要手动的加$event ,具体的实现是这样的: 首先是不加括号的示范
阅读全文
摘要：VUE 数据都没有！你设置个屁的指令啊 先给数据再设置指令我们需要改变我们的思维 重点关注在数据上数据更新后 数据对应的元素 会同步更新this可以获取被实例化的vue对象的元素下的所有东西 从而拿到数据可以通过this关键字访问定义在data中的数据vue呢 是通过控制数据从而去控制元素 而不是直
阅读全文
