Vue.js修改毕设前端页面,答疑

            我们学校毕业设计需要个人独立完成 ,疫情结束,完成任务
                                        《基于Web的网上校园二手交易市场系统的设计》                                    
                                                                                *2020/2/20编辑*

1.问题点

  1. v-model实现数据双向绑定——写在我的textarea标签中,
  2. 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>
发布了17 篇原创文章 · 获赞 1 · 访问量 1114

猜你喜欢

转载自blog.csdn.net/Zhu4010/article/details/104419668