vue cli (练习修改文件篇)
根据前篇配置好脚手架修改简单的文件
在div中加入想要的标题
在pycm中点开
输入npm run serve 打开本地连接
创建一个vue
<template> <a href="http://www.baidu.com">{{name}}一下</a> </template> <script> export default { name: 'bd', data: function () { return { name:'百度' } } } </script> <style> a{ color: aqua; } </style> <style> </style>
在app中修改一下配置
<template> <div id="app"> 自己写的标题<br> <!--使用组件--> <jd></jd><br> <bd></bd> </div> </template> <script> import bd from './components/bd.vue' import jd from './components/jd.vue' export default { name: 'app', components: { //注册组件 'jd':jd, 'bd':bd } } </script>
a标签字体颜色
a{ color: aqua; }