vue的使用，数据变量的定义，条件定义添加，渲染到html模版里面
工具/原料
vue.js html css
方法/步骤
1
首先使用vue,先引入它到我们要渲染的页面，这里用官方的cdn地址
2 vue应用创建：打开这个页面，我们发现，data里面的属性被渲染到html模版上面了
首先我们在模版中创建一个vue应用vue其实本质也是js,所以要写在script脚本里面html部分：
名字:{{ name }}
爱好:{{ interest}}
3
vue 条件循环使用vue可以定义for循环，if条件var app = new Vue({ el: '#app', data:{ user:['张三','lisi','vue'], interest: 'playgame', }, methods: { ceshi: function () { console.log(123) } }})首先定义一个应用 data里面传入个列表 user模版中：
用户:{{ u }}
4
使用vue的循环条件和 if条件vue应用创建，修改模版条件
{{ user }}
模版刷新会发现 只有张三的被渲染出来用户:{{ u }}
5
vue的for循环取索引和值模版也做下修改：
{{ user }}
刷新模版得到如下所示：第{{index}}个用户:{{ u }}
注意事项
开始引入vue
上一篇：儿童牙刷柄部抗弯力检测准则