![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
juzipchy
好好学习 天天向上
展开
-
Vue:计算属性computed
在模板中绑定表达式是非常便利的,但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑,应当使用计算属性。实例: js: new Vue({ el:'#box', data:{ a:1 },原创 2017-03-31 15:03:02 · 726 阅读 · 0 评论 -
Vue:pros绑定
组件实例的作用域是孤立的。这意味着不能并且不应该在子组件的模板内直接引用父组件的数据。可以使用 props 把数据传给子组件。“prop” 是组件数据的一个字段,期望从父组件传下来。子组件需要显式地用 props 选项 声明 props:Vue.component('child', { // 声明 props props: ['msg'], // prop 可以用在模板内 // 可以原创 2017-03-30 14:06:34 · 2332 阅读 · 0 评论 -
Vue父子、父子孙组件嵌套
单个组件的语法:创建构造器 var MyComponent = Vue.extend({ template: '<div>A custom component!</div>' }); 注册组件 Vue.component('my-component', MyComponent);父子组件的写法: var child = Vue.extend({ tem原创 2017-03-30 10:16:18 · 6111 阅读 · 0 评论