2018年9月11日

Vue.component 来定义全局组件

new Vue({ el: '#container '}) 在每个页面内指定一个容器元素
缺点：
*全局定义 (Global definitions) 强制要求每个 component 中的命名不得重复
*字符串模板 (String templates) 缺乏语法高亮，在 HTML 有多行的时候，需要用到丑陋的
*不支持 CSS (No CSS support) 意味着当 HTML 和 JavaScript 组件化时，CSS 明显被遗漏
*没有构建步骤 (No build step) 限制只能使用 HTML 和 ES5 JavaScript, 而不能使用预处理器，如Pug(formerly Jade) 和 Babel

html：

{{ message }}

js：var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})

练习

{{msg}}
{{num}}
{{obj}}
{{arr}}

[条件与循环]

代码

编号	名称	价格
{{index+1}}	{{value.name}}	{{value.price}}

代码2