跳至主要內容
Vue源码分析

框架的基本概念

在本章中，我们对整个 vue 框架设计中的一些基本概念都做了一个了解。明确了如下基本概念：

  1. 命令式
  2. 声明式
  3. 心智负担
  4. 框架设计与取舍之间的关系
  5. 运行时
  6. 编译时
  7. 运行时 + 编译时
  8. 副作用
  9. reactivity、 runtime、compiler 三者之间的运行关系
  10. 扩展：良好的 ts 支持

当我们把这些基本概念了解清楚之后，那么下一章我们就可以准备开始构建我们的 vue 3 框架了。

yyshino大约 4 分钟FrontEndVue2
Vue总结

vue插值语法

  //vue差值语法
        //{{}}中使用的数据必须在data中存在;
        //{{}} 虽然能够使用表达式， 不能出现js的语句，不能在{{}}中写if for;
        //{{}} 不能在属性中使用
yyshino大约 18 分钟FrontEndVue2
Vue前台PC项目其三

优化相关

swiper相关

swiper轮播图影响多个页面
  • 通过选择器可以指定哪个地方需要，但是不好
  • 通过ref最好
swiper创建的时间应该是在页面列表创建之后才会有效果

  • 静态页面是没问题的

  • 静态页面不需要等待数据，因此monted完全可以去创建swiper

  • 现在我们的数据是动态的，monted内部去创建，数据还没更新到界面上，因此无效

  • 可以使用延迟定时器去创建 但是不好

yyshino大约 4 分钟FrontEndVue2
Vue前台PC项目其一

Vue前台PC

  • 来源b站尚硅谷点我跳转
  • 项目以实现目标为主
  • 优化留到最后
问题汇总
  1. vue版本 2.6.11,如果没有vue-template-compiler需要安装（用于 模板编译）
  2. eslint错误级别禁用 在vue.config.js中 lintOnSave:false ,
  3. 引入 less预编译器,让vue能够识别less
yyshino大约 9 分钟FrontEndVue2