这次我们按照官网上的教程对vue的语法进行一个初步的了解;
一、声明式渲染
Vue.js的核心是一个允许采用简洁的模板语法来声明式的将数据渲染仅DOM的系统:
1、我们在HelloWorld里面输入下面代码:
{ { msg }}
2、接下来我们还可以绑定元素属性:
{ { msg }} 悬浮
二、条件与循环
1、条件:
现在你看到我了~
2、循环
- { { todo.text }}
三、处理用户输入
1、逆转消息
{
{ message_re }}
2、表单输入和应用状态的双向绑定
{
{ message_in }}
四、组件化应用构建
组件系统是Vue里面另一个重要的概念,允许我们使用小型,独立的,复用率高的组件构建大型应用;
#main.js Vue.component('doit-item', { props: ['doit'], template: '