weixin_43416349的博客

hash模式 url 后面带有 # ，例如www.hahah.com#home/cate 在向后端请求数据时，发送的url是www.hahah.com，不会带有#后面的url。HTML5模式，不带#，例如直接访问 www.hahah.com/home/cate，发送的url是www.hahah.com/home/cate，但后端没有这个url，就会404.不用担心：要解决这个问题，你需要做的就是在你的服务器上添加一个简单的回退路由。如果 URL 不匹配任何静态资源，它应提供与你的应用程序中的 i

结论： 1，操作真实dom比虚拟DOM快 2，平时我们自己写案例会发现，操作真实DOM比较慢，相对react/vue，那是因为，我们代码水平不够。 而vue和react用了虚拟DOM ， 技术基于 batching 和 diff，所以比我们直接操作DOM快。详细可以取搜 知乎尤大的 直接操作DOM回答。...

什么是v-model双向绑定 ？v-model本质上是一个语法糖。 ：value=“aaa” 里：value用作改变input里面的值。要注意，v-model用在input和用在组件上是不一样的。当用在组件上时，v-model则会这样：<custom-input :model-value="searchText" @update:model-value="searchText = $event"></custom-input>上面的代码可以...

import { createApp } from 'vue'import App from './App.vue'const app = createApp(App)app.component（el-button, 组件） //这是全局组件 在vue的实例上点component是创建全局组件-------------------------------------------------------------------------局部组件就是在 const app = cr.

.vue文件就是一个（或局部）组件，又或者说是一个对象在导出时。 在Vue.createApp({ app}) app是一个.vue文件，里面包括三个部分template 和 js css，。然后再对比下面图片，是不是很像，下面一个注册一个组件需要templatejs，所以说，.vue文件就是一个组件，或者一个对象。这里引用一个 vue官方的全局组件实例来说明。 // 创建一个Vue 应用const app = Vue.createApp({})// 定义一个名为 but...

不管V-model绑定的是组件还是input元素，都是根据data数据去决定最终的渲染。< input type="text" v-model="username" > === < input type="text" :value="username" @input="username=$event.target.value"><script> 部分data（）{ return { username：...

属性：vm.$el获取Vue实例关联的DOM元素；vm.$data获取Vue实例的data选项（对象）vm.$options获取Vue实例的自定义属性（如vm.$options.methods,获取Vue实例的自定义属性methods）vm.$refs获取页面中所有含有ref属性的DOM元素（如vm.$refs.hello，获取页面中含有属性ref = “hello”的DOM元素，如果有多个元素，那么只返回最后一个）Js代码var app = new Vue({

因为v-for比v-if优先级高，所以使用的话，每次v-for都会执行v-if,造成不必要的计算，影响性能，尤其是当之需要渲染很小一部分的时候。为什么会影响性能？ 上代码演示：<ul> <li v-for="user in users" v-if="user.isActive" :key="user.id"> {{ user.name }} </li></ul>如上述情况，即使有100个user中只有一个需要使用v.