Uncaught TypeError: Cannot read properties of undefined (reading ‘password‘)

像使用jQuery一样或者说像Vue官方说的那样，渐进式使用Vue，于是，引入了Vue的js文件，开始了Vue编码。定义了一个Data对象，死活无法使用，一直报错，一直在网上找答案，一直没有找到，学艺不精，先看下报错信息：


vue.global.3.2.38.js:7 Uncaught TypeError: Cannot read properties of undefined (reading 'password')
    at Proxy.render (eval at vp (vue.global.3.2.38.js:7), :100:39)
    at Wn (vue.global.3.2.38.js:7)
    at ye.fn (vue.global.3.2.38.js:7)
    at ye.run (vue.global.3.2.38.js:7)
    at L.e.update (vue.global.3.2.38.js:7)
    at L (vue.global.3.2.38.js:7)
    at P (vue.global.3.2.38.js:7)
    at F (vue.global.3.2.38.js:7)
    at g (vue.global.3.2.38.js:7)
    at ne (vue.global.3.2.38.js:7)

再看下数据定义方法（home.js）：


const {createApp} = Vue
 
createApp({
    data() {
        return {
            user: {
                username: "请输入手机号/邮箱",
                password: "请输入密码",
            },
            username: "请输入用户名",
            password: "请输入密码",
        }
    }
}).mount('#app')

再看下使用方法：


html>
<html lang="en">
<head>
    <script src="/js/vue.global.3.2.38.js">script>
head>
 
<body>
<div id="app">
    <input type="text" :placeholder="username" />
    <input type="text" :placeholder="user.password" />
div>
<script src="/js/home.js">script>
body>
html>

就是这么简单，就是这么神奇，username是OK的，user.password就是不行，死活不行，看了网上的资料，官网的用法，看了一遍又一遍，快放弃了，算了，是不是user是关键字，于是，换了个写法，把user换成了userOne，问题就解决了。


<input type="text" :placeholder="userOne.username" />
<input type="text" :placeholder="userOne.password" />

相关阅读:
RabbitMQ 模拟实现【五】：网络通信设计
SAP ABAP 千分位字符串转换成金额
【开题报告】基于SpringBoot的有机农产品购物商城的设计与实现
[SWPUCTF 2018]SimplePHP
BCGSuite for MFC改进了Edit、ListBox和AnalogClock控件
【MAPBOX基础功能】15、mapbox地图事件：点击、移入、移出、解绑
阿里二面：SpringCloud 有几种服务调用方式？
java面试题（spring框架篇）（黑马）
大量短信群发？不妨来看看这几个平台
Vue基础入门

原文地址：https://blog.csdn.net/csdou/article/details/126856979