标签：san ica 展示 hello localhost export 改变 assets 使用
给项目的入口文件做点小改变：
【补充：编辑器建议使用vscode，我还没装，暂时先用phpstorm】
打开 APP.vue 文件，代码如下（解释在注释中）
<!-- 展示模板 --> <template> <div id="app"> <img src="./assets/logo.png"> <hello></hello> </div> </template> <script> //导入组件 import Hello from "./components/Hello" export default { name: ‘app‘, components:{ Hello } } </script> <!-- 样式代码 --> <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; } </style>
修改 src/components/Hello.vue
<template> <div class="hello"> <h1>{{ msg }}</h1> </div> </template> <script> export default{ name:"hello", data(){ return { msg:"cyy要学习vue啦~" } } } </script>
重新打开页面 http://localhost:8080/，一般修改后会自动刷新，显示效果
标签：san ica 展示 hello localhost export 改变 assets 使用
原文地址：https://www.cnblogs.com/chenyingying0/p/12376777.html
