随笔分类 - vue
摘要：文档：https://cn.vuejs.org/v2/guide/list.html 当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引
阅读全文
摘要：基础：vue的响应式规则 简单的props更新 父组件 <template> <div> <block-a :out-data="x"></block-a> </div> </template> <script> import blockA from './block-a'; export defa
阅读全文
摘要：https://ssr.vuejs.org/zh/universal.html 基本用法 通过vue-server-renderer插件的createRenderer方法创建一个renderer，再调用这个renderer的renderToString(app)，将一个带有template和data
阅读全文
摘要：https://mp.weixin.qq.com/s/v1c69bJ5PxGcqt-ZU4FVXw https://juejin.im/entry/590ca74b2f301e006c10465f https://www.zhihu.com/question/32524504?sort=create
阅读全文
摘要：Vue和React都使用虚拟dom，React拥有更加丰富的生态系统。 渲染上的区别 React重新渲染的时候会以这个组件为根，将整颗子树进行渲染，手动实现shouldComponentUpdate进行优化，而Vue组件的依赖是在渲染过程中自动追踪的，所以系统能精确知晓哪个组件确实需要被重渲染。你可
阅读全文
摘要：基本的用法就是把一个vue应用中所有的状态都放进store中，然后在computed对象中读取store（这里实际上有两种方式，一是注入store（this.$store.state.xx），二是直接访问全局的store，store.state.xxx） 以上每个状态都需要放到computed中返回
阅读全文
摘要：对象属性的响应规则 运行结果： 可见，vue初始化时创建的getter/setter是递归创建的，不管这个值是否是对象，都会为这个属性创建 getter和setter 方法。有了这些getter和setter方法，直接执行： 以上都是响应式的。 或者直接把msg替换了也是响应式的，因为msg也有对应
阅读全文
摘要：参考：https://segmentfault.com/a/1190000006599500#articleHeader4 记录自己的理解： 核心的响应原理通过Object.defineProperty来实现，这个api支持ie9及以上。这也就意味着vue不能应用于ie9以下 Vue实例的生命周期：
阅读全文
摘要：https://cn.vuejs.org/v2/guide/installation.html#运行时-编译器-vs-只包含运行时 文档中的这个地方，说的不清楚 If you need to compile templates on the client (e.g. passing a string
阅读全文
摘要：vue-loader 能根据 .vue 文件，导入一个vue组件。我这里从 vue-cli 的构建项目中抽取了vue-loader 一个小例子出来：vuedemo/demo02 vue-loader 自带postcss的依赖，也就是说被引入的 .vue 组件中的css 会被postcss处理，但需要
阅读全文
摘要：https://sentry.io/for/vue/ https://cn.vuejs.org/v2/guide/deployment.html#跟踪运行时错误
阅读全文
摘要：参考： https://router.vuejs.org/zh-cn/advanced/lazy-loading.html 路由懒加载 // 配置文件 module.exports = { entry: { index: './index.js', }, output: { path: __dirn
阅读全文
浙公网安备 33010602011771号