学习vue
蚕豆ya
这个作者很懒,什么都没留下…
展开
-
vue element 文件上传
如图:代码:<el-upload ref="upload" :limit="1" :before-upload="beforeUpload" :on-preview="handlePictureCardPreview" :before-remove="handleBeforeRemove" :headers="headers" :on-success="handleSuccess" :on-error="handleError" :action="imagesUploadApi原创 2021-11-24 14:24:20 · 111 阅读 · 0 评论 -
循环语句v-for
v-for=“新 in 旧”<div id="app"> <ul> <li v-for="(value, key) in object"> {{ key }} : {{ value }} </li> </ul></div>export default { data() { return { object: { name: 'CSDN', age: '18',原创 2020-12-15 11:33:41 · 97 阅读 · 0 评论 -
vue模板语法
1、插值文本:{{ }}<div> <p>{{message}}</p></div>export default { data() { return { message:'hello vue', } }}html:v-html<div v-html="message"></div>export default { data() { return { message:'<p>原创 2020-12-15 11:21:50 · 92 阅读 · 1 评论 -
vue.js的目录结构
目录/文件说明build项目构建(webpack)相关代码config配置目录,包括端口号等。我们初学可以使用默认的。node_modulesnpm 加载的项目依赖模块src这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件:1、assets: 放置一些图片,如logo等。2、components: 目录里面放了一个组件文件,可以不用。3、App.vue: 项目入口文件,我们也可以直接将组件写这里,而不使用 components 目...原创 2020-12-15 10:33:55 · 107 阅读 · 0 评论 -
一个简单的vue实例
HTML<div> <p>{{message}}</p></div>JSexport default { data() { return { message: 'hello vue', } }}页面显示:hello vue原创 2020-12-15 10:16:15 · 60 阅读 · 0 评论