给项目的入口文件做点小改变:
【补充:编辑器建议使用vscode,我还没装,暂时先用phpstorm】
打开 APP.vue 文件,代码如下(解释在注释中)
<template> div id="app"> img src="./assets/logo.png"router-view/> hello></</div> > script> //导入组件 import Hello from "./components/Hello console.log(1) export default { name: 'App,components:{ Hello } } style> #app { font-family: 'Avenir',Helvetica,Arial,sans-serif; -webkit-font-smoothing antialiased -moz-osx-font-smoothing grayscale text-align center color #2c3e50 margin-top 60px; } >
修改 src/components/Hello.vue
class="hello"> h1>{{ msg }} export { name:helloreturn { msg:cyy要学习vue啦~ } } } >
重新打开页面 http://localhost:8080/,一般修改后会自动刷新,显示效果
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。