陈土豆@home:~$

vue案例

vue,前端常用框架。

vue格式:

 ```var v=new Vue({
     el:挂载点,
     data:{},
     method:{}
 })

用vue格式去使用element ui的插件

vue修改的代码
 <body>
		<div id="x">
			<el-upload 
				action="图片上传的目的地" 
				list-type="picture-card" 
				:on-preview="handlePictureCardPreview" 
				>
				<i class="el-icon-plus"></i>
			</el-upload>
			<el-dialog :visible.sync="dialogVisible">
				<img width="100%" :src="dialogImageUrl" alt="">
			</el-dialog>
		</div>
		<script>
			var v = new Vue({
				el:"#x",
				data:{
					dialogImageUrl: '',
					dialogVisible: false
				},
				methods:{
					handlePictureCardPreview:function(file) {
						this.dialogImageUrl = file.url;
						this.dialogVisible = true;
					}
				}
			});
		</script>
	</body>

饿了么代码