2024年暑假学习日记8.7-8.9

8.7

1.学习单文件组件

安装Vue对应插件

写script中的脚本时提及了ES6中的模块化，还没学

脚本中的方法和数据需要暴露，用export default 默认暴露

Vetur有快捷键‘<’+v+回车，可以直接写出结构，如果需用其他插件，需要自行查看文档

Import xxx from xxx 也是Es6中 的引入

这个是解释ES6模块化的csdn博客地址：http://t.csdnimg.cn/oZFIr

2.创建脚手架（vue cli）

3.在桌面创建了一个名为vue_test的Vue脚手架

4.学习Vue脚手架里面的结构

A．src文件夹中

main.js是整个项目的入口文件;

       assets文件夹用于存放项目的静态资源

B．public文件夹

Index.html文件中

配置网页标题中用到webpack的插件（还没学）

容器在index.html文件的body中

5.运行报错

找到根目录下的vue.config.js修改

其实就是关闭语法检查

6.运行项目：ctrl+ ` 打开终端，输入yarn run serve

暂停项目：ctrl+c（不用项目时还是要及时暂停，不然老是运行会导致电脑发热）

8.8

1.分析render函数

main.js中引入的vue是残缺版的vue,不带模版解析器。render用于渲染页面

vue是一个文件夹，里面有很多版本的vue,具体引入的vue要看node_modules文件夹下的vue文件夹下的package.json文件中的module配置

2.修改脚手架中的默认配置，在根目录下的vue.config.js文件中修改，详细见vuecli官网中的配置参考配置参考 | Vue CLI 

8.9

1.学习ref属性

2.学习props配置项

将props中的数据复制到data中时，记得把页面中的数据名更改为新的数据名