vue
无称可用
这个作者很懒,什么都没留下…
展开
-
Vue 数组中出现[__ob__: Observer]无法取值遍历
那么首先先解释一下为什么数组后面会出现__ob__: Observer ,这个后缀其实是Vue监控变量产生的,如果你是使用 push添加的对象信息就会出现__ob__: Observer。数组为空,但是点开又有数据,是因为开始空数组没赋值,赋值之后,因为是地址引用,并没有实际赋值成功,赋值的数组已经被修改了,因为原来的长度是0,所以获取不到数组,但又包含修改后的结果。由于请求是异步的,还没接收到后台返回的数据,也就还没有添加到数组里,遍历时自然没有内容。第三种等数据返回获取到值再遍历就行了。...原创 2022-09-01 13:54:37 · 2550 阅读 · 0 评论 -
vue中install方法
install方法第一个参数是vue的构造器,第二个参数是可选的选项对象。vue提供install可供我们开发新的插件及全局注册组件等。在main.js中直接用引用并Vue.use进行注册。在main.js跟注册组件一样。vue中install方法。...原创 2022-08-29 09:52:39 · 632 阅读 · 0 评论 -
vue源码解析
vue的虚拟dom与diff算法借鉴了snabbdom虚拟dom:用javascript对象描述DOM的层次结构。DOM中一切属性都在虚拟DOM中有对应的属性。真实DOM<div class="box"> <h3>我是一个标题</h3> <ul> <li>牛奶</li> <li>咖啡</li> <li>可乐</li>原创 2022-08-17 08:41:30 · 187 阅读 · 0 评论 -
uniapp集成unipush
uniapp集成unipush原创 2022-06-25 16:14:32 · 1101 阅读 · 0 评论 -
vue3小知识
vue ref详解1、当我们在template模板中使用ref对象,它会自动进行解包。2、当ref被一个普通的javascript对象包裹时, ref的解包只能是一个浅层解包。3、当最外层包裹的是一个reactive可响应式对象,那么内容的ref可以解包。...原创 2022-05-05 17:39:43 · 710 阅读 · 0 评论 -
yarn 在Vue框架中的常用命令
yarn 在Vue框架中的常用命令初始化项目yarn add init安装vueyarn add vue安装webpack,webpack-dev-server(是一个小型的Node.js Express服务器)yarn add webpack webpack-dev-server安装babel,babel的作用是将es6的语法编译成浏览器认识的语法es5yarn add babel babel-core babel-loader babel-preset-es2015用来解析vue的组件原创 2022-04-26 15:51:25 · 896 阅读 · 0 评论 -
yarn 在Vue框架中的常用命令
yarn 在Vue框架中的常用命令初始化项目yarn add init安装vueyarn add vue安装webpack,webpack-dev-server(是一个小型的Node.js Express服务器)yarn add webpack webpack-dev-server安装babel,babel的作用是将es6的语法编译成浏览器认识的语法es5yarn add babel babel-core babel-loader babel-preset-es2015用来解析vue的组件原创 2022-04-15 19:13:30 · 722 阅读 · 0 评论 -
vuex使用方法
vuex是为了保存组件之间的共享数据而诞生的。如果组件之间有要共享的数据可以直接放入vuex中而不必通过父子组件之间传值,如果把组件的数据不需要共享,此时这些不需要的私有的数据没有必要放入vuex中。import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: {//存储仓库的初始数据 num:1 }, mutations: { //存放修改仓库数原创 2021-06-17 16:54:03 · 160 阅读 · 0 评论 -
vue 匿名插槽具名插槽
插槽的默认名字是default(匿名插槽) 也可以通过name属性设置插槽的名字(具名插槽)1、如果需要往具名插槽中插入数据则所有的数据都源自当前组件的父组件本例中是在根组件中使用heaven组件所以heaven组件中插槽的数据来源是根组件2、必须把数据用template包裹3、并给template使用v-slot 该指令的简写形式 例如 v-slot:xxx->#xxx<html><head> <meta charset="utf-8"> &l原创 2021-05-21 10:02:07 · 353 阅读 · 0 评论 -
vue 递归组件
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body><div id="app"> <input type="text" v-model="a"> <tree-list :list="list"></tree-list></div&g原创 2021-05-19 16:17:45 · 57 阅读 · 0 评论 -
重学vue
一,data数据修改的细节1、对于数组:vue是不能感知数组对索引位的更改vue可以感知数组的变异方法 即可以改变原数组。push popshift unshiftsort resversesplice2、对于对象vue是不能感知对象属性的 (增,删)通过this.$set(this,增加的属性名,初始化值)二、事件1、点击事件v-on:click @click @click.stop(阻止冒泡) @click.prevent(阻止默认事件) @click.once(点击事件只原创 2021-05-07 10:50:07 · 159 阅读 · 0 评论