2021-12-07:关于vue中的$mount(‘#app’)、hash模式&history模式原理、vue的构建版本、.sync修饰符与$emit(update:xxx)

1、关于vue中的$mount( #app )

2、hash模式、history模式原理

客户端路由的实现方式。路径发生变化,不会向服务器发送请求,由js监视路径的变化,根据不同地址渲染不同的内容。若需要服务端内容,会发送ajax来获取。
hash:基于锚点以及onhashchange事件。通过锚点的值作为路由地址。
history:基于html5中的history API。(history.pushState()、history.replaceState()触发popstate事件来实现路由切换)。需要后端配合使用。

路由模式默认是hash模式。

const router = new VueRouter({
  mode:  history ,//  hash 
  routes
})

3、vue的构建版本

运行版本:不支持template模板,需要打包时提前编译
完整版:包含运行时和编译器,体积比运行时版本大10k左右,程序运行的时候把模板转换成render函数

4、.sync修饰符与$emit(update:xxx)

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
山月静已宿的头像 - 鹿快
评论 抢沙发

请登录后发表评论

    暂无评论内容