我们学校毕业设计需要个人独立完成 ,疫情结束,完成任务
《基于Web的网上校园二手交易市场系统的设计》
*2020/2/20编辑*
1.问题点
- v-model实现数据双向绑定——写在我的textarea标签中,
- v-for遍历声明的数组、对象
<script>
export default {
name: "HelloWorld",
data() {
return {
publishInfo:{},
};
},
created(){
this.getpublishInfo();
},
methods: {
getpublishInfo(){
this.publishInfo=[
{id: 1,
name: "内容"
},//数组内容
{},//数组内容
{},//数组内容
]};
}
重点内容
- 单文件组件
文件扩展名为.vue的single -file components(单文件组件)
- 安装npm,解释创建的项目目录结构
1.src-----开发的目录
2.components -------整个项目的组件目录
其子文件是一个单文件组件
3. App.vue----- 整个项目的入口文件,完成对组件的引入工作
(import&局部注册使用)
- 单文件组件整个页面的划分
//模板/驶入区域
<template>
//在里面声明模板
</template>
//脚本区域
<script>
//里面有属性——props:、数据——data() 、方法:methods:
</script>
//样式区域 "scoped"——表示只对此组件起作用
<style scoped>
//引入样式
@import '绝对路径';
</style>