1.vue渲染模板时,怎么保留模板中的HTML注释呢?
<template comments> ...</template>
选项 : comments
默认值 : false
详细:当设置为true时,将会保留并渲染模板中的HTML,默认行为是舍弃他们。
限制: 这个选项(comments)只在完整构建版本中的浏览器内编译时可用,
2.Vue.observable你有了解过吗?说说看。
随着组件的细化,就会遇到多组件状态共享的想情况,Vuex当然可以解决这类问题不过就像Vuex官方文档所说,如果应用不够大,为了避免代码繁琐冗余,最好不要使用它。vue.js 2.6 新增 Observable API,通过使用这个APi 我们可以解决一些简单的跨组件数据状态共享的情况。
api : Vue.observable(object)
参数 : {Object} object
用法 : 让一个对象可响应。Vue内部会使用它来处理data函数返回的的对象。返回的对象可以直接用于渲染函数和计算属性内,并且会在发生改变时触发相应的更新。也可以作为最小化的跨组件状态处理器。
const state = Vue.observable({ count: 0 })const Demo = { render(h) { return h('button', { on: { click: () => { state.count++ }} }, `count is: ${state.count}`) }}