vue - src for components || router(index.js)

描述:重新编写一个组件

vue - src for components || router(index.js)文章地址https://www.yii666.com/article/754127.html

1.1 编写一个PrintName.vue

 <!--这里是模板 -->
<template>
<div class="hello">
<h1>{{ msg }}</h1>
</div>
</template> <script>
export default {
// 本组件名称
name: "PrintName", // function data => data()
data() {
return {
msg: "My name is Mr_L"
};
}
};
</script> <!-- 这里添加样式,可以改为scss处理,只需要把类型一改,再配置一下即可 -->
<style scoped>
h1,
h2 {
font-weight: normal;
}
ul {
list-style-type: none;
padding: 0;
}
li {
display: inline-block;
margin: 0 10px;
}
a {
color: #42b983;
}
.hello {
color: #f00;
}
</style>

1.2  编写路由

vue - src for components || router(index.js)

1.3访问

vue - src for components || router(index.js)

不知道你有没有发现一件事情,图标也有啊!,本身App.vue就有啊(我们带过去的不过就是router-view 绑定的数据^_^)网址:yii666.com<网址:yii666.com

vue - src for components || router(index.js)文章来源地址https://www.yii666.com/article/754127.html文章来源地址:https://www.yii666.com/article/754127.html

vue - src for components || router(index.js)

版权声明:本文内容来源于网络,版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。文本页已经标记具体来源原文地址,请点击原文查看来源网址,站内文章以及资源内容站长不承诺其正确性,如侵犯了您的权益,请联系站长如有侵权请联系站长,将立刻删除

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信图片_20190322181744_03.jpg

微信扫一扫打赏

请作者喝杯咖啡吧~

支付宝扫一扫领取红包,优惠每天领

二维码1

zhifubaohongbao.png

二维码2

zhifubaohongbao2.png