vue项目结构和vue文件创建及访问
1、检验vue项目是否可以运行
2、XXX.vue组件文件,构成:
(1)视图层
<template>
</template>
(2)业务逻辑
<script>
export default {
name: 'HelloWorld',
}
</script>
(3)样式
<style lang="scss" scoped>
</style>
scoped 表示当前样式 只作用在当前组件上。该区域的样式,不会和其他组件发生冲突!
3、配置当前vue文件对应的路由
先在src文件夹中的comcomponents里配置News.vue文件
(1)到router目录下index.js中配置某个组件的路由
(2)在浏览器,地址栏中,输入路径:服务器地址/news
评论
匿名评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果