信创国产化替换如何推动企业自主创新与市场竞争力提升
603
2022-09-02
Vue学习之--------脚手架的分析、Ref属性、Props配置(2022/7/28)
欢迎大家加入我的社区社区中不定时发红包
文章目录
1、脚手架的分析2、ref属性
2.1 基础知识2.2 代码实现2.3 测试效果
3、Props配置
3.1 基础知识3.2 代码实例3.3 测试效果
1、脚手架的分析
├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 │ │ └── HelloWorld.vue │ │── App.vue: 汇总所有组件 │ │── main.js: 入口文件 ├── .gitignore: git版本管制忽略的配置 ├── babel.config.js: babel的配置文件 ├── package.json: 应用包配置文件 ├── README.md: 应用描述文件 ├── package-lock.json:包版本控制文件
2、ref属性
2.1 基础知识
被用来给元素或子组件注册引用信息(id的替代者)应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc)使用方式:1. 打标识:
2.2 代码实现
友情提示:这是关键部分的代码
2.3 测试效果
3、Props配置
3.1 基础知识
功能:让组件接收外部传过来的数据传递数据:
3.2 代码实例
编写一个学生的组件、数据展示动态。不再是固定写法
3.3 测试效果
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~