单词竞技场小程序实战总结（1）

小程序项目实战（1）

1.实现单词详情页面布局

1.1 页面布局

1.新建页面目录，在pages目录下新建一个子目录，名称为word

2. 新建页面对应的vue文件，在新建的word目录下，新建一个word.vue文件

​ 3.在pages.json中注册页面，以便小程序能找到这个页面。注册页面时放在第一个，将会是小程序的初始界面。注册页面时需要指明页面路径path和页面显示样式：

​ 4.编写页面布局，单词详情页包含两部分，页头和页体。页头中包含返回按钮和标题文本，页体中包含单词的详细信息，包括英文单词、单词音标、单词词性、单词释义、单词例句、单词短语和单词助记图等。

需注意——在页面布局时使用到了自定义组件和数据绑定功能。再使用自定义组件时，一定要导入该组件(import)，并在页面中components中注册该组件；数据绑定时，待绑定的属性前面要加上冒号(😃，让属性的值等于变量名称，然后在页面脚本的data中定义对应的变量。