摘要:
前言: filters作为Vue中的过滤器 我们在实际开发中会经常使用到 比如在模板上格式化我们想要的日期 但是使用这个属性也会遇到一些问题 比如我们最常用的时间格式化工具moment.js 当我们把它挂载到全局的时候 会使用: this.$moment().format('MM月DD日') 这时候 阅读全文
摘要:
解决方法: Object.assign(this.$data, this.$options.data()) this.$data:当前状态下的data,this.$options.data():该组件初始状态下的data。 Object.assign() Object.assign()方法用于将所有 阅读全文
摘要:
在组件中将comments选项设置为true <template comments> ... </template> comments 类型:boolean 默认值:false 限制:这个选项只在完整构建版本中的浏览器内编译时可用。 详细: 当设为 true 时,将会保留且渲染模板中的 HTML 注 阅读全文
摘要:
JSX 是什么 JSX 是一种 Javascript 的语法扩展,JSX = Javascript + XML,即在 Javascript 里面写 XML,因为 JSX 的这个特性,所以他即具备了 Javascript 的灵活性,同时又兼具 html 的语义化和直观性 为什么要在 Vue 中使用 J 阅读全文
摘要:
都不是必须的,如果是普通组件那么只能是一个静态html,如果是函数式组件, 那么可以直接使用props等函数式组件属性。 函数式组件 <anchored-heading :level="1"> <span>Hello</span> world! </anchored-heading> 这个锚点标题组 阅读全文
摘要:
可以使用 v-cloak 指令设置样式,这些样式会在 Vue 实例编译结束时,从绑定的 HTML 元素上被移除。 当网络较慢,网页还在加载 Vue.js ,而导致 Vue 来不及渲染,这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。 html: <div id= 阅读全文
摘要:
v-on后面接一个对象,但是不支持事件修饰符。 <template> <div v-on:{click:a,dblclick:b}></div> </template> <script> methods:{ a(){ alert(1) }, b(){ alert(2) } } </script> 阅读全文